jQuery ajax - load() 方法
实例
加载 feeds.html 文件内容:
$("#feeds").load("feeds.html");
定义和用法
load() 方法载入远程 HTML 文件代码并插入至 DOM 中。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。
jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。请查看下面的示例。
语法
load(url,[data],[callback])
参数 | 描述 |
---|---|
url | 待载入的 HTML 网页网址。 |
data | 发送至服务器的 key/value 数据。在 jQuery 1.3 中也可以接受一个字符串了。 |
callback | 载入成功时执行的回调函数。 |
更多实例
例子 1
与上面的实例类似,但是以 POST 形式发送附加参数并在成功时显示信息:
$("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); });
例子 2
加载文章侧边栏导航部分至一个无序列表:
HTML 代码:
<b>jQuery Links:</b> <ul id="links"></ul>
jQuery 代码:
$("#links").load("/Main_Page #p-Getting-Started li");