Question

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

Answer 1

        在现在的网页设计中，大多数数据请求都使用的是异步请求方式，避免阻塞页面加载。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=John&id=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)：只能提交二进制，而且只能提交一个二进制，如果提交文件的话，只能提交一个文件，后台接收参数只能有一个，而且只能是流（或者字节数组）。