使用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) {
        //回调函数方法体
    }
)