12.Django与ajax

Django与ajax

01.AJAX简介：
　　AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。

　　　　*同步交互：客户端发出一个请求后，须要等待服务器响应结束后，才能发出第二个请求
　　　　*异步交互：客户端发出一个请求后，无需等待服务器响应结束，就能够发出第二个请求
　　　　*AJAX除了异步的特色外，还有一个就是：浏览器页面局部刷新

　　优势：
　　　　AJAX使用Javascript技术向服务器发送异步请求
　　　　AJAX无须刷新整个页面

02.ajax发送json数据

 1 //发送json数据  2 $('.btn').click(function () {  3  4 $.ajax({  5 url:"",  6 type:"post",  7 contentType:"application/json",//默认的contentType都为urlencoded  8 data:JSON.stringify({//至关于python中json.dumps  9 a:1, 10 b:2 11 }), 12 success:function (data) { 13 14 } 15 }) 16 })

 

03.ajax上传文件

 1 <form>  2 用户名 <input type="text" id="user">  3 头像 <input type="file" id="avatar">  4 <input type="button" id="ajax-submit" value="ajax-submit">  5 </form>  6  7 <script>  8 $("#ajax-submit").click(function(){  9 //获取文件固定格式 10 var formdata=new FormData(); 11 formdata.append("user",$("#user").val()); 12 formdata.append("avatar_img",$("#avatar")[0].files[0]);//JS取得文件先转换为dom对象，再经过.files[0]获取 13 $.ajax({ 14 15 url:"", 16 type:"post", 17 data:formdata, 18 //上传文件必写这两行！！！ 19 processData: false , // 不处理数据 20 contentType: false, // 不设置内容类型 21 22 success:function(data){ 23 console.log(data) 24 } 25 }) 26 }) 27 </script>