在Jquery中,Ajax.updater的等价物是什么?

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

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

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

提前致谢。

在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。

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

有一些方法使用像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 ready处理程序中

'abc'如果你能解释一下

尝试使用$.ajax()

   

或者使用$.get()

   

或者更简单地使用.load()方法:

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

您可以使用.load()方法

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

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

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