通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,发送请求。
####常规使用:
$.ajax({
url:"http://www.microsoft.com", //请求的url地址
dataType:"json", //返回格式为json
async:true,//请求是否异步,默认为异步,这也是ajax重要特性
data:{"id":"value"}, //参数值
type:"POST", //请求方式
beforeSend:function(){
//请求前的处理
},
success:function(req){
//请求成功时处理
},
complete:function(){
//请求完成的处理
},
error:function(){
//请求出错处理
}
});
###和页面from表单配合:
<form>
{% csrf_token %}
<input type="text" name="username">
<input type="submit" value="提交" onclick="sum()">
</form>
<script>
function sum() {
$.ajax({
url:'http://127.0.0.1:8000/test/',
data: $('form').serialize(),
type:'post',
dataType:'json',
success: function (req) {
alert(req.name)
}
})
}
</script>