使用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) {
        //回調函數方法體
    }
)