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。

您可以将HTML中的returnData放在您想要的地方，

Answer 2

除了这个之外，还有一些方法可以使用像jQuery.ajax({...}) or $.ajax({...})之类的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()添加此内容：

<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);
        }

      });

   });

Jquery中的Ajax.updater相当于什么？

4 个答案: