Jquery 中的 Ajax.updater 等价物是什么？答案

【问题标题】：What is the equivalent of Ajax.updater in Jquery?Jquery 中的 Ajax.updater 等价物是什么？
【发布时间】：2013-03-22 07:42:04
【问题描述】：

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

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

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

提前致谢。

【问题讨论】：

这应该为您指明正确的方向。 stackoverflow.com/questions/572161/…
读出此链接：api.jquery.com/jQuery.ajax
@Jai：我对 jquery 了解不多。因此，请在 jquery 中发布等效代码作为答案。
@Pooja 上面的abc 是什么？对我来说，这似乎是 siteurl。
@jai 。 jai 是 div 的 id

标签： ajax ruby-on-rails-3 jquery

【解决方案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 中您想要的位置，

【讨论】：

嗨，谢谢。我会尝试这段代码，让你知道它是否工作。
var myAjax = new Ajax.Updater('abc', '/billing/add_bill_detail', {. 这里 abc 是一个 div。我想用 add_bill_detail 文件中的内容替换这个 div。
哇。超级它的工作.. :) thatnks @OSSCUbe 解决方案。给予 +1
还有一个疑问。如果我要更换一个 div 它的工作。但如果我要更换一张桌子，它就不行了
$("#bill_details").html(returnData); 使用这个。您可以在我的博客上提出更多问题或任何疑问。它是：zenddevelopment.blogspot.in

【解决方案2】：

还有一些使用 ajax 的方法，例如 jQuery.ajax({...}) or $.ajax({...})，除此之外还有一些简化版本，例如：

$.get() 或 jQuery.get()
$.post() 或 jQuery.post()
$.getJSON() 或 jQuery.getJSON()
$.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>

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

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

【讨论】：

var myAjax = new Ajax.Updater('abc', '/billing/add_bill_detail', {. 这里 abc 是一个 div。我想用 add_bill_detail 文件中的内容替换这个 div。
@Pooja 刚刚更新了答案。甚至你也可以试试这个：.load().

【解决方案3】：

你可以使用 .load() 方法

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

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

【讨论】：

【解决方案4】：

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

      });

   });

【讨论】：

var myAjax = new Ajax.Updater('abc', '/billing/add_bill_detail', {. 这里 abc 是一个 div。我想用 add_bill_detail 文件中的内容替换这个 div跨度>