您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery 教程 > jQuery ajax - load() 方法

jQuery ajax - load() 方法_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery 教程 > jQuery ajax - load() 方法

jQuery ajax - load() 方法

此节有 101 人学习过     参与评论

实例

使用 ajax 要求来改变 div 元素的文本:

$("button").click(function(){
  $("div").load('demo_ajax_load.txt');
});

亲自试一试

您能够在页面底部找到金榜娱乐城 在线 TIY 实例

定义和用法

load() 方法通过 AJAX 要求从服务器加载数据,并把返回的数据放置到指定的元素中。

注释:还存在一个名为 loadjQuery 事情方法。调用哪个,取决于参数。

语法

load(url,data,function(response,status,xhr))
参数 描述
url 规定要将要求发送到哪个 URL。
data 可选。规定连同要求发送到服务器的数据。
function(response,status,xhr)

可选。规定当要求完成时运行的函数。

额外的参数:

  • response - 包含来自要求的结果数据
  • status - 包含要求的状态("success", "notmodified", "error", "timeout" 或 "parsererror")
  • xhr - 包含 XMLHttpRequest 对象

详细说明

该方法是最简单的从服务器猎取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到胜利的响应时(比如,当 textStatus 为 "success" 或 "notmodified" 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单:

$("#result").load("ajax/test.html");

如果提供回调函数,则会在执行 post-processing 之后执行该函数:

$("#result").load("ajax/test.html", function() {
  alert("Load was performed.");
});

上面的两个例子中,如果当前文档不包含 "result" ID,则不会执行 .load() 方法。

如果提供的数据是对象,则使用 POST 方法;否则使用 GET 方法。

加载页面片段

.load() 方法,与 $.get() 不同,同意我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特别语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决议所加载内容的 jQuery 选择器。

我们能够修改上面的例子,这样就能够使用所获得文档的某部分:

$("#result").load("ajax/test.html #container");

如果执行该方法,则会取回 ajax/test.html 的内容,不过然后,jQuery 会解析被返回的文档,来查找带有容器 ID 的元素。该元素,连同其内容,会被插入带有结果 ID 的元素中,所取回文档的其余部分会被丢弃。

jQuery 使用扫瞄器的 .innerHTML 属性来解析被取回的文档,并把它插入当前文档。在此进程中,扫瞄器常会从文档中过滤掉元素,比如 <html>, <title> 或 <head> 元素。结果是,由 .load() 取回的元素可能与由扫瞄器直接取回的文档不完全相同。

注释:由于扫瞄器安全方面的限制,大多数 "Ajax" 要求遵守同源策略;要求无法从不同的域、子域或协议胜利地取回数据。

金榜娱乐城 在线实例

例子 1

加载 feeds.html 文件内容:

$("#feeds").load("feeds.html");

例子 2

与上面的实例类似,但是以 POST 形式发送附加参数并在胜利时显示信息:

$("#feeds").load("feeds.PHP", {limit: 25}, function(){
  alert("The last 25 entries in the feed have been loaded");
});

例子 3

加载文章侧边栏导航部分至一个无序列表:

HTML 代码:

<b>jQuery Links:</b>
<ul id="links"></ul>

jQuery 代码:

$("#links").load("/Main_Page #p-Getting-Started li");

金榜娱乐城 在线 TIY 实例

生成 AJAX 要求,并通过该要求发送数据
如何使用 data 参数通过 AJAX 要求来发送数据。(本例在 AJAX 教程中解释过。)
生成 AJAX 要求,并使用回调函数
如何使用 function 参数处置来自 AJAX 要求的数据结果。
生成带有失误的 AJAX 要求
如何使用 function 参数来处置 AJAX 要求中的失误(使用 XMLHttpRequest 参数)。

如对本文有疑问,请提交到交流通宝娱乐最新官网下载 下载地址,广大热心网友会为你解答!! 点击进入通宝娱乐最新官网下载 下载地址


公布评论 (101人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换PP国际娱代理
最新评论
------分隔线----------------------------
jQuery 教程目录
条评论
Sitemap