*通过在后台与服务器进行少量数据交换,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>