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

 

转载于:https://www.cnblogs.com/hunmeng/p/11061805.html