django前后端结合_Django之前后端交互使用ajax的方式

{#window.alert(123)#}

{#window.document.getElementById()#}

{#window.location.href= 'https://www.baidu.com'#}

$.ajax({

{#注：url中可以拼接请求数据，get|post方式在后台都通过GET对象获取该数据#}

url:'/ajax/?msg=qwer',

type:'post',

data: {

usr: $('.usr').val(),

pwd: $('.pwd')[0].value,

},

{#ajax发生get|post请求，用data携带数据#}

success:function(data) {

{#返回值为普通字符串#}

{#console.log(">>>>", data);#}

{#alert(data);#}

{#window.location.href=data#}

{#返回值为json类型数据#}

console.log(typeof(data), data);

{#前台如何处理json类型字符串#}

{#data=JSON.parse(data);#}

{#console.log(typeof(data), data, data.msg);#}

},

error:function(e) {

}

})

})

$('.ajax-submit_bac').click(function() {

{#jsonStr= '{"name": "Bob"}';#}

dic={

name:'HOU'};

jsonStr=JSON.stringify(dic);

$.ajax({

url:'/ajax-bac/',

type:'post',

{# dataType:'json', 了解：告诉jq，一定按json类型数据解析(默认后台返回的一定是json类型数据, 如果不是就拿不到结果) #}

{# 前台主动传入json类型的字符串, 后台需要手动处理body(前台json数据类型还不能错) #}

contentType:'application/json',

data: jsonStr,

success:function(data) {

console.log(typeof(data), data);

},

error:function(e) {

console.log(e)

}

})

})