使用ajax的几种方式

1.$.ajax()发送一个get请求，数据返回为json

  $.ajax({

     type: "GET",

     url: "select",
   //ajax请求地址
     dataType:'json',

     data: {id:1001},//也可以是字符串链接"id=1001"，建议用对象

     success: function(data){

     if(data.message==="success"){
　　　}
     console.log("返回的数据: " + data );

     }

});

2.$.ajax()发送一个post请求，数据返回为json

 $.ajax({

    type: "POST",

    url: "add",

    dataType:'json',

    data: {name:"张三",sex:1},//也可以是字符串链接"name=张三&sex=1"，建议用对象

    success: function(data){
        //实际操作的时候，返回的json对象中可能会有成功错误的判断标记，所以可能也需要判断一下

    console.log("返回的数据: " + data );

    }

});

3.$.ajax()经常用到的一个工具函数

 ajax提交数据的时候，通常是提交一个表单，所以，序列化表单数据就非常有用，如：$("form").serialize()

 $("form").on("submit",function(){

    var url = this.action;   //可以直接取到表单的action

    var formData = $(this).serialize();

    $.post(url,formData,
       //$.ajax() post方法简写形式,$.post("请求url","发送的数据对象","成功回调","返回数据类型");
        function(data){
         //返回成功，可以做一个其他事情

          console.log(data);
          },
          'json');//返回的数据类型

    //阻止表单默认提交行为

    return false

})

4. $.ajax() GET方法和POST方法的简写

$.get(
    "url",
    {userID:"123"},
    function(response) {
        //回调函数方法体
    }
)

$.post(
    "url",
    {userID:"123"},
    function(response) {
        //回调函数方法体
    }
)