AJAX允许通过与后台的Web服务器交换数据来“异步”更新网页。
这意味着可以更新网页的某些部分,而无需重新加载整个页面,也给用户更好体验,提高数据传输速度。
jQuery库具有全套的Ajax功能。
其中的功能和方法使我们无需刷新浏览器页面即可从服务器加载数据。
当页面上的任何Ajax请求发生某些Ajax事件(例如初始化或完成)时,这些方法将附加一个要调用的函数:
方法 | 描述 |
---|---|
ajaxComplete() | 附加一个在Ajax请求完成时要调用的函数。这是一个AjaxEvent |
ajaxError() | 附加一个在Ajax请求完成并出现错误时要调用的函数。这是一个Ajax事件 |
ajaxSend() | 发送Ajax请求之前,附加一个要调用的函数。这是一个Ajax事件 |
ajaxStart() | 附加第一个Ajax请求开始时要调用的函数。这是一个Ajax事件 |
ajaxStop() | 当所有Ajax请求都完成时,附加一个要调用的函数。这是一个Ajax事件 |
ajaxSuccess() | 每当Ajax请求成功完成时,都附加一个要调用的函数。这是一个Ajax事件 |
这些功能有助于执行Ajax任务时遇到的常见习惯用法:
方法 | 描述 |
---|---|
$.param() | 创建数组或对象的序列化表示形式(可用作AJAX请求的URL查询字符串) |
serialize() | 将一组表单元素编码为要提交的字符串 |
serializeArray() | 将一组表单元素编码为名称和值的数组 |
这些方法可用于发出任意Ajax请求:
方法 | 描述 |
---|---|
$.ajax() | 执行异步HTTP(AJAX)请求 |
$.ajaxPrefilter() | 在发送每个请求之前以及在$ .ajax()处理它们之前,处理自定义Ajax选项或修改现有选项。 |
$.ajaxSetup() | 设置将来的AJAX请求的默认值。不建议使用 |
$.ajaxTransport() | 创建一个处理Ajax数据实际传输的对象 |
这些方法以较少的代码执行更常见的Ajax请求类型:
方法 | 描述 |
---|---|
$.get() | 使用HTTP GET请求从服务器加载数据 |
$.getJSON() | 使用GET HTTP请求从服务器加载JSON编码的数据 |
$.getScript() | 使用GET HTTP请求从服务器加载(并执行)JavaScript文件 |
$.post() | 使用HTTP POST请求从服务器加载数据 |
load() | 从服务器加载数据并将返回的HTML放入所选元素 |