$.ajax,ajax的原理

$.ajax()的$代表什么？为什么不用$(某元素).ajax()？

$是jQuery的别称，

$.ajax() ===?jQuery.ajax()

至于你后面那个问题，你应该先了解?jQuery核心的这2个方法

jQuery.fn.extend(object)?//扩展?jQuery?元素集来提供新的方法

jQuery.extend(object)????//扩展jQuery对象本身。

ajax是jQuery对象本身的方法，而不是元素集的方法，所以不需要筛选元素，可以直接使用

$.ajax和$.post及$.get的对比总结

? ? ? ? 在现在的网页设计中，大多数数据请求都使用的是异步请求方式，避免阻塞页面加载。Ajax 全称是 asynchronous javascript and xml，主要用来实现客户端与服务器端的异步通信效果，实现页面的 局部刷新 ，从而创建快速动态网页的技术。$.ajax 是 jQuery 底层 AJAX 实现，$.ajax是一种通用的底层封装，$.ajax()请求数据之后，则需要使用回调函数，有beforeSend、error、dataFilter、success、complete等。$.get、 $.post是简单易用的高层实现，我们使用$.get $.post方法，jQuery会自动封装调用底层的$.ajax。

?区别一：

? ? ? ? ?$.get 只处理简单的 GET 请求功能以取代复杂 $.ajax，请求成功时可调用回调函数。不支持出错时执行函数，否则必须使用$.ajax。如:$.get("url", { name: "John", id: "12345" } ) ，$.get方法在请求时会自动生成queryString提交给服务器(name=Johnid=12345)。

? ? ? ? ?$.post 只处理POST请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。不支持出错时执行函数，否则必须使用$.ajax。$.post方法提交的数据直接类似表单提交，提交的数据量比$.get更大。

? ? ? ? $.ajax在不修改其属性的条件下，type=“get”,则实现方式跟$.get一致，type=“post”,则实现方式跟$.post一致。

区别二：

? ? ? ?$.post和$.get发送信息至服务器时内容编码类型的默认contentType="application/x-www-form-urlencoded"，这两个方法不支持修改contentType，如果需要更改，需要使用$.ajaxSetup({ contentType : 'application/json;charset=utf-8' });但是设置了该类型后，后续所有请求编码都变成了‘application/json’。

? ? ? ?$.ajax则支持修改contentType，且更改的contentType仅适用于当前请求，其他请求的contentType仍然适用默认值，适合在一个页面有多种不同内容编码方式时使用。当contentType=‘application/json’时，需要对表单数据进行转换，并将转换以后的值赋值给ajax的data属性，转换过程如下图所示：

区别三：

? ? ? get请求通过URL（请求行）提交数据，在URL中可以看到所传参数，而且传输数据量小不能大于2kb，一般用于查询操作；get请求返回的内容可以被浏览器缓存起来，安全性不高。

? ? ? post通过“请求体”传递数据，参数不会在url中显示，安全性比get要高，传输数据量大默认没有限制，一般用于增删改，浏览器不会缓存post请求返回的内容。

? ? ? ?当然post和get都可以用于增删改查，但是get不安全及传输数据量小 所以一般用于查询操作。

$.get(URL,data,function(data,status,xhr),dataType) ，get的官方语法；$(selector).post(URL,data,function(data,status,xhr),dataType) ，post的官方语法；

$.ajax({name:value, name:value, ... }) ,ajax的官方语法；

? ? ? ?就语法方面来说，get和post都是括号中设置参数，URL必需，其他参数为可选，ajax括号中是JSON格式的键值对，需要加上大花括弧；就功能来说，get和post都是ajax的快捷实现，只能处理默认属性的请求， ajax可以执行精确的需求控制， 所有的 jQuery AJAX 方法都使用 ajax() 方法，该方法通常用于其他方法不能完成的请求。

? ? ? ajax常用的重要参数包括：data?规定要发送到服务器的数据；dataType?预期的服务器响应的数据类型；type?规定请求的类型（GET 或 POST）；url?规定发送请求的 URL，默认是当前页面；contentType 发送数据到服务器时所使用的内容类型。默认是："application/x-www-form-urlencoded"。常用的contentType如下：

1、application/x-www-form-urlencoded：最常见的POST提交数据方式，原生form默认的提交方式(可以使用enctype指定提交数据类型)，jquery，zepto等默认post请求提交的方式

2、multipart/form-data：使用表单上传文件时，必须指定表单的 enctype属性值为 multipart/form-data. 请求体被分割成多部分，每部分使用 --boundary分割；

3、application/json：通过json的形式将数据发送给服务器。json的形式的优点是它可以传递结构复杂的数据形式，比如对象里面嵌套数组这样的形式等。

4、binary (application/octet-stream)：只能提交二进制，而且只能提交一个二进制，如果提交文件的话，只能提交一个文件，后台接收参数只能有一个，而且只能是流（或者字节数组）。

jquery$.ajax()同步与异步区别是什么？

jquery$.ajax()同步与异步区别简单来说就是：

1、同步执行的话，会等待后台结果返回，方法才会继续执行下一句

2、异步的话，方法不等后台返回就会继续执行下一句。

举例说明：

$.ajax()其中有一个参数为

async: false,

false为同步

function checkodd(i) {

var returnvalue;

var options = {

type: 'POST',

url: "test.ashx",

data: { "i": i },

async:false,

success: function (result) {

if (result.code 0) {

returnvalue = "odd";

}

else {

returnvalue = "even";

}

},

dataType: "json",

error: function (result) {

alert("error");

}

};

$.ajax(options);

return returnvalue;

}

jquery中$.ajax()的使用

两个问题

url是ip地址, 通过ajax可能是跨域问题所致

成功和失败都是alert(e), 这个看到的应该都是 [object]

解决

1将alert改为console.log(e);

2打开浏览器调试工具,查看提示和日志

jquery中的$.ajax()方法，

运用ajax()方法，比其它如load()、get()、post()全局性函数它更多地关注实现过程中的细节；首先要了解其参数列表：

url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。

type:要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。

timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。

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

cache：要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false）。设置为false将不会从浏览器缓存中加载请求信息。

data: 要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换，可以查看processData选项。对象必须为key/value格式，例如{foo1:"bar1",foo2:"bar2"}转换为foo1=bar1foo2=bar2。如果是数组，JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为foo=bar1foo=bar2。

dataType: 要求为String类型的参数，预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。可用的类型如下：

xml：返回XML文档，可用JQuery处理。

html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。

script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。

json：返回JSON数据。

jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个 “?”为正确的函数名，以执行回调函数。

text：返回纯文本字符串。

beforeSend：要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数，例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求XMLHttpRequest对象是惟一的参数。

function(XMLHttpRequest){

this; //调用本次ajax请求时传递的options参数

}

complete：要求为Function类型的参数，请求完成后调用的回调函数（请求成功或失败时均调用）。参数：XMLHttpRequest对象和一个描述成功请求类型的字符串。

function(XMLHttpRequest, textStatus){

this; //调用本次ajax请求时传递的options参数

}

success：要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。

(1)由服务器返回，并根据dataType参数进行处理后的数据。

(2)描述状态的字符串。

function(data, textStatus){

//data可能是xmlDoc、jsonObj、html、text等等

this; //调用本次ajax请求时传递的options参数

error：要求为Function类型的参数，请求失败时被调用的函数。该函数有3个参数，即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。

ajax事件函数如下：

function(XMLHttpRequest, textStatus, errorThrown){

//通常情况下textStatus和errorThrown只有其中一个包含信息

this; //调用本次ajax请求时传递的options参数

}

contentType：要求为String类型的参数，当发送信息至服务器时，内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合。

dataFilter：要求为Function类型的参数，给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

function(data, type){

//返回处理后的数据

return data;

}

global：要求为Boolean类型的参数，默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件，ajaxStart或ajaxStop可用于控制各种ajax事件。

ifModified：要求为Boolean类型的参数，默认为false。仅在服务器数据改变时获取新数据。服务器数据改变判断的依据是Last-Modified头信息。默认值是false，即忽略头信息。

jsonp：要求为String类型的参数，在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分，例如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。

username：要求为String类型的参数，用于响应HTTP访问认证请求的用户名。

password：要求为String类型的参数，用于响应HTTP访问认证请求的密码。

processData：要求为Boolean类型的参数，默认为true。默认情况下，发送的数据将被转换为对象（从技术角度来讲并非字符串）以配合默认内容类型"application/x-www-formurlencoded"。如果要发送DOM树信息或者其他不希望转换的信息，请设置为false。

scriptCharset：要求为String类型的参数，只有当请求时dataType为"jsonp"或者"script"，并且type是GET时才会用于强制修改字符集(charset)。通常在本地和远程的内容编码不同时使用。