jQuery-AJAX -load（）方法

异步加载方法

 • load

作用:load（）方法用于异步加载HTML文档片段并在目标元素中插入这些内容的方法。它不仅用于加载HTML文档，还可以用于加载JSON数据以及执行JavaScript文件。

代码图

 

效果图

 

load（）方法语法:

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

 • url：字符串，表示请求的HTML文档、JSON数据或JavaScript文件的URL。

 • data（可选）：对象，表示发送至服务器的 key/value 数据。

 • callback（可选）：函数，表示请求成功后执行的回调函数。

 

load（）方法特点:

 • 加载完成后，会触发load事件

 • 如果从服务器加载的HTML包含JavaScript代码，这些代码将自动执行

 • 不会触发AJAX全局事件（如ajaxStart和ajaxStop）

 • 不支持跨域请求

 

 

---

load（）方法的回调函数

回调函数参数

• responseText:加载文本内容
• statusTXT:请求状态，success（成功）/error（失败）
• xhr:XMLHttpRequest对象

代码图

效果图