如何使用jQuery的.ajax()方法

时间:2015-07-28 08:01:35

标签: javascript jquery ajax

我不能只使用.load(),因为我正在构建一个自定义加载栏,它实际上是关于当前加载的百分比是真实的(是的,这实际上是可能的):http://www.dave-bond.com/blog/2010/01/JQuery-ajax-progress-HMTL5/

我现在有加载栏工作,但我需要在.ajax()函数中复制以下jQuery功能,这样我就可以将#ajaxContent内容添加到.ajaxContainer div中了完成加载:

$('.ajaxContainer').load('/path/to/file.php #ajaxContent')

2 个答案:

答案 0 :(得分:2)

等价物是:

$.ajax('/path/to/file.php'/*,{extra: settings}*/).done(function (response) {
    $('.ajaxContainer').html($("<div>").append( $.parseHTML( response ) ).find( '#ajaxContent' ));
});

答案 1 :(得分:1)

我认为提供简单的答案非常简单,我更愿意向您说明自己检索的程序。

如果您在jQuery网站上阅读.load()的文档,请阅读:

  

此方法是从服务器获取数据的最简单方法。它是   大致相当于$ .get(url,data,success)

如果您阅读了有关.get()的文档,请阅读:

  

这是一个简写的Ajax函数,相当于:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

dataType

  

dataType类型:String服务器所需的数据类型。   默认值:智能猜测(xml,json,脚本或html)。

因此,在您的情况下,您必须使用成功回调中的数据填充html元素,如下所示:

$('.ajaxContainer').html(response);