jQuery文档之Ajax

如有问题或建议，请公众号留言

最近更新：

由于本节的案例需要在服务器端运行，所有在写之前我们需要自己搭建一个简单的服务器，这里用的是node.js，至于node.js相关的知识，请持续关注小伍前端，小伍会在后续分享Node.js的文章！

这个服务器搭建的太寒碜，将就用吧！

一、ajax请求

1、 用于执行AJAX请求

html：

js:

text.txt:

2、 从服务器加载数据，并把返回的数据放置到指定的元素中

html:

js:

3、 通过远程HTTP GET请求载入信息

其中：

url:待载入页面的url地址

data:待发送KEY/value参数

callback：载入成功时回调函数

type:返回内容格式，xml,html,script,json,text_default

例：

4、 通过HTTP GET请求载入JSON数据

其中：

url:发送请求地址

data:待发送key/value参数

callback:载入成功时回调函数

例：

5、 通过HTTP GET 请求载入并执行一个JavaScript文件

其中：

url:待载入js文件地址

callback：成功载入后回调函数

例：

6、 通过远程HTTP POST请求载入信息

其中：

url:待载入页面的url地址

data:待发送KEY/value参数

callback：载入成功时回调函数

type:返回内容格式，xml,html,script,json,text_default

例：

二、ajax事件

1、 ajax请求完成时执行函数

例：

2、 ajax请求发生错误时执行函数

例：

3、ajaxSend() ajax请求发送前执行函数

例：

4、 ajax请求开始时执行函数

例:

5、 ajax请求结束时执行函数

例：

6、 ajax请求成功时执行函数

例：

三、其它

1、 在每个请求发送之前且被$.ajax()处理之前，处理自定义ajax选项或修改已存在选项2、 设置全局ajax默认选项

例：

3、 通过序列化表单值创建URL编码文本字符串

html:

js:

结果：

FirstName=Mickey&LastName=Mouse

4、 通过序列化表单值来创建对象的数组

html:

js:

结果：

FirstName:Mickey LastName:Mouse