jQuery技术

jQuery帮助之Ajax请求(六)load(url,[data], [callback]

字号+ 作者:jamie 来源: 2014-11-16 22:49 我要评论( )

之前对jQuery.post( url, , , )有一定的了解了,现在了解一下载入远程 HTML 文件代码并插入至 DOM 中的load(url,,)。load(url,,)载 入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加

之前对jQuery.post( url, [data], [callback], [type] )有一定的了解了,现在了解一下载入远程 HTML 文件代码并插入至 DOM 中的load(url,[data],[callback])

load(url,[data],[callback])

载 入远程 HTML 文件代码并插入至 DOM 中。

默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。请查看示例。

返回值:jQuery

参数:
url (String) : 待装入 HTML 网页网址。
data (Map) : (可选)发送至服务器的 key/value 数据。
callback (Callback) : (可选) 载入成功时回调函数。

示例:
加载文章侧边栏导航部分至一个无序列 表。
HTML 代码:
  <b>jQuery Links:</b>
<ul id="links"></ul>

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

加载 feeds.html 文件内容。
jQuery 代码:
  $("#feeds").load("feeds.html");  

同 上,但是以 POST 形式发送附加参数并在成功时显示信息。
jQuery 代码:
  $("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
e