jQuery中调用ajax的4种方法：$.get()、$.post()、$getJSON()和$ajax()。

首先需要知道的是，这四种方法都是异步请求

一、$.get()请求

说明：$.get()是以GET方式实现AJAX异步请求的，在提交短数据【数据量不能太多，最大4KB】时可用。

语法及参数含义：

$.get(
    url,          //必需：将请求发送到哪里的URL链接
    data,         //可选：连同请求发送到服务器的数据【俗称：参数】
    success(      //可选：当请求成功时运行的函数
        response, //包含来自请求的结果数据
        status,   // 包含请求的状态
        xhr       //包含 XMLHttpRequest 对象
    ),
    dataType      //可选：预计的服务器响应的数据类型
                  //默认jQuery 将智能判断。可能的类型有："xml"、"html"、"text"、"script"、"json"和"jsonp"
)
 

/* dataType参考值的含义 */
   //"xml" - 一个 XML 文档
   //"html" - HTML 作为纯文本
   //"text" - 纯文本字符串
   // "script" - 以 JavaScript 运行响应，并以纯文本返回
   // "json" - 以 JSON 运行响应，并以 JavaScript 对象返回
   // "jsonp" - 使用 JSONP 加载一个 JSON 块，将添加一个 "?callback=?" 到 URL 来规定回调

常用示例

//1、只有路径
    $.get("XXX/XXXXXX");

//2、路径+参数【两个参数：姓名和年龄】
    $.get("XXX/XXXXXX", {name: "John",age: "20"});
  
//3、路径+参数+回调方法
    $.get("XXX/XXXXXX", {name: "John",age: "20"},function(data){
        alert("返回的数据是："+data);
    });

//4、路径+参数+回调方法+返回值类型【json】
    $.get("XXX/XXXXXX", {name: "John",age: "20"},function(data){
        alert("返回的数据是："+data);
    },"json"));

二、$.post()请求

说明：$.post()是以POST方式实现AJAX异步请求的。

语法及参数含义【除关键字外与get一样】：

$.post(
    url,          //必需：将请求发送到哪里的URL链接
    data,         //可选：连同请求发送到服务器的数据【俗称：参数】
    success(      //可选：当请求成功时运行的函数
        response, //包含来自请求的结果数据
        status,   // 包含请求的状态
        xhr       //包含 XMLHttpRequest 对象
    ),
    dataType      //可选：预计的服务器响应的数据类型
                  //默认jQuery 将智能判断。可能的类型有："xml"、"html"、"text"、"script"、"json"和"jsonp"
)
 

/* dataType参考值的含义 */
   //"xml" - 一个 XML 文档
   //"html" - HTML 作为纯文本
   //"text" - 纯文本字符串
   // "script" - 以 JavaScript 运行响应，并以纯文本返回
   // "json" - 以 JSON 运行响应，并以 JavaScript 对象返回
   // "jsonp" - 使用 JSONP 加载一个 JSON 块，将添加一个 "?callback=?" 到 URL 来规定回调

常用示例

//1、只有路径
    $.post("XXX/XXXXXX");

//2、路径+参数【两个参数：姓名和年龄】
    $.post("XXX/XXXXXX", {name: "John",age: "20"});
  
//3、路径+参数+回调方法
    $.post("XXX/XXXXXX", {name: "John",age: "20"},function(data){
        alert("返回的数据是："+data);
    });

//4、路径+参数+回调方法+返回值类型【json】
    $.post("XXX/XXXXXX", {name: "John",age: "20"},function(data){
        alert("返回的数据是："+data);
    },"json"));

三、$.getJSON()请求

说明：$.getJSON()是专门为ajax获取json数据而设置的，并且支持跨域(协议 + 域名 + 端口号  均相同，那么就是同域)调用。

PS：JSON是一种理想的数据传输格式，它能够很好的融合与JavaScript或其他宿主语言，并且可以被JS直接使用。使用JSON相比传统的通过 GET、POST直接发送“裸体”数据，在结构上更为合理，也更为安全。至于jQuery的getJSON()函数，只是设置了JSON参数的 ajax()函数的一个简化版本。这个函数也是可以跨域使用的，相比get()、post()有一定优势。

语法及参数含义：

$.getJSON(
    url,          //必需：将请求发送到哪里的URL链接
    data,         //可选：连同请求发送到服务器的数据【俗称：参数】
    success(      //可选：当请求成功时运行的函数
        response, //包含来自请求的结果数据
        status,   // 包含请求的状态
        xhr       //包含 XMLHttpRequest 对象
    )  
) 

常用示例

//1、只有路径
    $.getJSON("XXX/XXXXXX");

//2、路径+参数【两个参数：姓名和年龄】
    $.getJSON("XXX/XXXXXX", {name: "John",age: "20"});
  
//3、路径+参数+回调方法
    $.getJSON("XXX/XXXXXX", {name: "John",age: "20"},function(data){
        alert("返回的数据是："+data);
    });
 

四、$.ajax()请求

说明：$.ajax() 方法用于执行 AJAX的异步请求。所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。

扫描二维码关注公众号，回复： 10920195 查看本文章

$.ajax()的语法及参数相对较多，在此不列举，感兴趣的可参考jQuery ajax() 方法

常用示例

$.ajax({
   url : 'XXXXXX/XXXXXXXX',  //请求链接
   async:true,//请求是否异步：默认为异步
   data : { //参数
       id : $("#id").val(),
       name: $("#name").val()
   },
   dataType : 'json', //返回值的数据类型
   type:"POST",   //请求方式POST或GET
   success : function(map) {
      alert("执行成功后的回调函数");
   }
 });