1、$.get
$.get()方法使用GET方式来进行异步请求，它的语法结构为：

$.get( url [, data] [, callback] ) 

$.get("submit.php",{id:'123',name:'小王',},function(data,state){              
     
        //这里显示从服务器返回的数据            
            alert(data);          
        //这里显示返回的状态                
        if(state == 'ok'){      
            alert("返回数据成功");      
        }else{      
            alert("返回数据失败");      
        }      
});
2、$.post()
$.post()方法使用POST方式来进行异步请求，它的语法结构为：
$.post(url,[data],[callback],[type])  


$.post("submit.php",{id:'123',name:'小明',},      
        function(data,state){              
        //这里显示从服务器返回的数据             
        alert(data);        
        //这里显示返回的状态            
        if(state == 'ok'){      
            alert("返回数据成功");      
        }else{      
            alert("返回数据失败");      
        },"json");

3、$.getJSON()
$.getJSON()是专门为ajax获取json数据而设置的，并且支持"跨域"调用，其语法的格式为：
getJSON(url,[data],[callback]) 


4、$.ajax()
$.ajax()是jquery中通用的一个ajax封装，其语法的格式为：
$.ajax(options) 

$.ajax({      
        url: 'submit.aspx',      
        datatype: "json",      
        type: 'post',      
        success: function (e) {      
        //成功后回调      
            alert("回调函数成功了");      
         },      
        error: function(e){      
        //失败后回调      
            alert("服务器请求失败");      
        },      
        beforeSend: function(){      
        //发送请求前调用，可以放一些"正在加载"之类额话      
            alert("正在加载");           
}})

django中使用

$.ajaxSetup({
                data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
            });
//将图片加入数据库
            $.ajax({
                url: '/add_product_booth_and_detail_image/',
                datatype: 'json',
                type: 'post',
                data: {msg: 'hello'},
                success: function (e) {
                    console.log('msg_back=' + e.msg_back)
                }
            });
# 后端
def add_product_booth_and_detail_image(request):
    msg = request.POST.get('msg')
    # logging.info('msg=' +msg)
		
    return HttpResponse(json.dumps({'msg_back':'success'}), content_type='application/json') #注意：返回json格式信息，第二个参数声明的也应该是
'application/json'












回调函数参数的使用


后台传递的json：{"rows" : [ {"realName":"dj"}, {"realName":"lwd"}] }




$.getJSON('test.json', function(data){
   for (var i = 0; i < data.rows.length; i++) {
      $('#test').append('<p>' + data.rows[i].realName + '</p>');
   }
});













                
        
        
     
          



 
更多推荐


ajax使用,前端与后端交互