jQuery学习笔记之Ajax用法详解

这篇文章主要介绍了Jquery学习笔记之ajax用法,长沙网站建设结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求、载入、处理、传递等,需要的朋友可以参考下

本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下：

一、Ajax请求

　　1、jQuery.ajax(options)

　　　　通过 Http 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。

　　　　.ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。

　　　　注意：  如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。

　　　　注意：如果dataType设置为"script"，那么在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

　　　　jQuery 1.2 中，您可以跨域加载 JSON 数据，使用时需将数据类型设置为 jsONP。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。

　　　　返回值： XMLHttpRequest

　　　　参数：

　　　　options (可选) : AJAX 请求设置。所有选项都是可选的。

　　　　选项

　　　 （1）、 async (Boolean)  : (默认: true) 

　　　　　　默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

　　　 （2）、 beforeSend (Function)  : 发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头。

　　　　　　XMLHttpRequest 对象是唯一的参数。这是一个 Ajax 事件。如果返回false可以取消本次ajax请求。

　　　　　function (XMLHttpRequest) {
 　　　　　　 this; // 调用本次AJAX请求时传递的options参数 　　　　　}