在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({...})
除此之外还有一些简化版本:
-
$.get()
或jQuery.get()
-
$.post()
或jQuery.post()
-
$.getJSON()
或jQuery.getJSON()
-
$.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); } }); });