共计 645 个字符,预计需要花费 2 分钟才能阅读完成。
* 通过在后台与服务器进行少量数据交换,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>
正文完
2019-07-04