django-Ajax，局部刷新技术

*** 今天是3-31号，学习了ajax技术，不刷新页面局部提交数据 其实也并不难，就是直接用的jq封装好的代码即可 直接上代码吧， 如果使用了ajax的话，就不需要form表单了。因为没意义了 *** 首先你得需要一个用户名输入框，和一个密码输入框，在加一个button提交按钮， *** {% csrf_token %} #账号<input type=”text” name=”name” id=”username”><br> 密码<input type=”text” name=”pwd” id=”password”><br> <button id=”sub”>提交</button> 记得加上csrf_token噢 *** 最主要的是里面的id，用于后面js获取到输入的值， 然后开始js的编写 *** 首先引入js *** <script src=”https://code.jquery.com/jquery-3.1.1.min.js”></script>

*** 这样就可以引入了， *** 然后绑定点击事件 *** $(‘#sub’).click(function)(){ 获取用户名框的值 var user=$(‘#username’).val(); 获取密码框的值 var pwd=$(‘#password’).val(); 构造csrftoken var csrf$(‘[name=csrfmiddlewaretoken’]).val(); 然后开始ajax $.ajax({ 提交的url相当于form的action url:’login’, 提交类型，get or post type:’post’; 提交的数据放在data里面，需要注意的是，如果是post提交，会有csrf提示，这个时候如果使用ajax的方式提交数据，就需要构造键值对了， 键的名字为：csrfmiddlewaretoken 值是{%csrf_token%} data:{username=user,password:pwd}, 请求成功后的操作 success:function(res){ console.log(res); if (res===’1′){ 登录成功之后提示信息 $(‘.s’).text(‘登录成功’); 接着重新请求另一个界面 location.href=(‘/’); }else{ $(‘.s’).text(‘登录失败’); } } }) } *** 一定要注意的地方就是data，因为没有了form表单，后端接收数据的时候建议先打印request.POST,查看一下query字典集，然后在取数据即可，直接POST.get键 即可取值，很方便，也很酷 *** 通过后台的打印request.POST可以看到 *** <QueryDict: {‘username’: [‘123’], ‘password’: [‘123’], ‘csrfmiddlewaretoken’: [‘l5erlhqdIdaqjzCysd3LJxkGzRImCy6 CFDdxfX29Pp1YwN399WtgZL7ue84VWzuy’]}> ***