jquery中Ajax.updater的等价物是什么？

Question

请让我知道在Jquery中的以下原型代码的等价物。

var myAjax = new Ajax.Updater('abc', '/billing/add_bill_detail', { 
     method: 'get', 
     parameters: pars, 
     insertion: Insertion.Bottom 
}); 

我想使用Jquery执行相同的操作。

在此先感谢。如果ABC是div的id

$.ajax({ 
    url: "/billing/add_bill_detail", 
    type: "get", 
    dataType: "html", 
    data: {"pars" : "abc"}, 
    success: function(returnData){ 
    $("#abc").html(returnData); 
    }, 
    error: function(e){ 
    alert(e); 
    } 
}); 

使用#abc或使用名为.abc ABC是一个类：

Answer 1

在jQuery的阿贾克斯将如下使用。

您可以将returnData IIN你的HTML，你想，

Answer 2

您可以从服务器上使用.load（）方法

负载数据和返回的HTML放入匹配 元素。

阅读文档：http://api.jquery.com/load/

Answer 3

有使用一些方法阿贾克斯一样jQuery.ajax({...}) or $.ajax({...})除此之外还有它们的一些简化的版本太像：

1. $.get()或jQuery.get()
2. $.post()或jQuery.post()
3. $.getJSON()或jQuery.getJSON()
4. $.getScript()或jQuery.getScript()

$ = jQuery两者都是一样的。

当您使用method : 'get',，所以我建议你使用$.ajax({...})或$.get()但要记住，这个脚本上面jQuery的AJAX，否则不会功能工作尝试封闭脚本在$(function(){})文档准备好处理程序。

'abc'如果你能解释一下它

尝试$.ajax()添加此：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
    $(function(){ 
     $.ajax({ 
     type: "GET", 
     url: "/billing/add_bill_detail", 
     data: pars, 
     dataType: 'html' 
     success: function(data){ 
      $('#abc').html(data); //<---this replaces content. 
     }, 
     error: function(err){ 
      console.log(err); 
     } 
     }); 
    }); 
</script> 

或$.get()：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
    $(function(){ 
     $.get("/billing/add_bill_detail", {data: pars}, function(data) { 
      $('#abc').html(data); //<---this replaces content. 
     }, "html"); 
    }); 
</script> 

或者更简单地使用​​方法：

$('#abc').load('/billing/add_bill_detail'); 

Answer 4

$(function(){ 
     $.ajax({ 
     type: "GET", 
     url: "abc/billing/add_bill_detail", 
     data: data, 
     success: function(data){ 
      alert(data); 
     } 

     }); 

    });