jQuery与Ajax

最新推荐文章于 2024-09-23 14:48:30 发布

何烨坪Echo

最新推荐文章于 2024-09-23 14:48:30 发布

阅读量650

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/heye13/article/details/42339743

版权

js 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

本文介绍了XMLHttpRequest对象的创建，以及jQuery中的AJAX操作，包括load(), get()和post()函数的使用，ajax()函数，getScript和getJSON函数的详细说明，还涵盖了jQuery中AJAX服务器返回的多种方式和相关的AJAX事件。" 113042373,10541880,如何有效地减小作品集PDF文件大小,"['文件优化', 'PDF处理', '图像压缩', 'Indesign技巧']

摘要由CSDN通过智能技术生成

11 jQuery与AJAX
11.1 AJAX的应用
11.2 AJAX原理与XMLHttpRequest对象
11.2.1 AXJX的原理：其核心原理在于使用XMLHttpRequest对象发送异步请求。

11.2.2 XMLHttpRequest对象

为了兼容多种不同版本的浏览器，其创建类的方法如下：
var xmlHttp=false;//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
if(xmlHttp.overrideMimeType){
xmlHttp.overrideMimeType('text/xml');
}
}
else if(window.ActiveXObject){

}

11.3 jQuery中的AJAX
11.3.1 load()函数、get()函数和post()函数
1、load(url,[data],[callbanck])函数，作用：载入远程HTML文件代码并插入DOM中，URL：String，请求的HTML页的URL地址；Data（可选）：Obj，发送至服务器的key/value数据；Callback（可选）：回调函数，请求完成时（不需要是success）的回调函数，自动会将请求的结果、状态、XMLHttp对象传递给该函数。

2、jQuery.get(url,[data],[callback],[type])用于get方式进行AJAX异步请求。
3、jQuery.post(url,[data],[callback],[type])使用post方式来进行异步请求。
11.3.2 Ajax函数，jQuery.ajax(options)函数

11.3.3 getScript及getJSON函数
1、jQuery.getScript(url,[callback])函数通过get方式请求载入并执行一个javascript文件，URL：string，请求的HTML页的URL地址；callback（可选）：function，载入成功时的回调函数（只有当response的返回状态是success时才调用该方法，不传递参数）。
2、jQuery.getJSON(url,[callback])通过http get请求载入json数据。
11.4 jQuery中的AJAX服务器返回方式
11.4.1 html方式
11.4.2 text方式
11.4.3 xml方式
11.4.4 script方式
11.4.5 json方式
11.5 jQuery中的AJAX事件
11.5.1 AJAX局部事件，jQuery为AJAX定义了4中局部事件，分别为：
1、beforeSend：当一个AJAX请求开始时触发。
2、success：请求成功时触发。
3、error：仅当发生错误时触发。
4、complete：请求完成后的回调函数（请求成功或失败时均调用）。