创新互联jQuery教程：jQuery–AJAXload()方法

jquery load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

创新互联为客户提供专业的成都网站建设、做网站、程序、域名、空间一条龙服务，提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、手机网站制作设计等网站方面业务。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法:

$(
selector).load(
URL,data,callback);

必需的 URL 参数规定您希望加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

这是示例文件（"demo_test.txt"）的内容：

jQuery and AJAX is FUN!!!

This is some text in a paragraph.

下面的例子会把文件 "demo_test.txt" 的内容加载到指定的

元素中：

实例

$("#div1").load("demo_test.txt");

尝试一下 »

也可以把 jQuery 选择器添加到 URL 参数。

下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容，加载到指定的

元素中：

实例

$("#div1").load("demo_test.txt #p1");

尝试一下 »

可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：

responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象

下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功，则显示"外部内容加载成功！"，而如果失败，则显示错误消息：

实例

$("button").click(function(){

$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){

    if(statusTxt=="success")

      alert("External content loaded successfully!");

    if(statusTxt=="error")

      alert("Error: "+xhr.status+": "+xhr.statusText);

});

});

尝试一下 »

提示：在jQuery的load()方法中，无论AJAX请求是否成功，一旦请求完成（complete）后，回调函数（callback）立即被触发。

本文标题：创新互联jQuery教程：jQuery–AJAXload()方法
标题链接：http://www.mswzjz.cn/qtweb/news4/234654.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：贝锐智能

贝锐智能技术为您推荐以下文章

网站营销知识

同城分类信息

广东帝美豪门窗　　　东电技改　　　温江做网站公司　　　虚拟主机　　　买友情链接　　　成都包装设计公司　　　内江广告　　　四川国泰民安消防　　　成都微信小程序开发　　　成都租用服务器　　　短视频拍摄　　　成都网站推广　　　重庆做网站　　　手机app　　　seo优化排名　　　成都网站制作　　　成都网站设计　　　成都路面机械设备　　　设计网站　　　成都网站推广公司　　　