ajax - Jquery 中的 Ajax.updater 等价物是什么？

Question

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

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

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

提前致谢。

Answer 1

在 jQuery 中，Ajax 将使用如下：

$.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 是 div 的 id，则使用 #abc；如果 abc 是类，则使用 .abc。

您可以将 returnData 放在您的 HTML 中您想要的位置，

Answer 2

除了这个之外，还有一些使用 ajax 的方法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(){})doc 就绪处理程序中。

'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>

或更简单地使用以下.load()方法：

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

Answer 3

您可以使用 .load() 方法

从服务器加载数据并将返回的 HTML 放入匹配的元素中。

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

Answer 4

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

      });

   });