ajax使用，前端与后端交互

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>');
}
});