Ajax

　　向服务器发请求的方式：

　　　　　　- 浏览器地址栏 get

　　　　　　- form表单 get / post

　　　　　　- a标签 get

　　　　　　- ajax  get / post:

　　　　　　　　　　- 1.异步

　　　　　　　　　　- 2. 局部刷新

　　基于jquery简单实现Ajax

<button>ajax_button</button>
<script>
    $(‘button‘).click(function () {
        $.ajax(
            {
                url:‘{% url "app01:index" %}‘,type:‘get‘,//post
                //data:{ },//键值形式  get请求在 request.GET    post为request.POST
                success:function (data) {
                    alert(data)
                }
            }
        )
    })
</script>

　　\\ post    data     ‘csrfmiddlewaretoken‘:$(‘[name="csrfmiddlewaretoken"]‘).val(),

　　\\ js:  反序列化 JSON.parse(data);

　 \\  #校验登录思路

后端import json res = {‘user‘:None,‘msg‘:None} if 登陆成功: res[‘user‘] = user else: res[‘msg‘] = "登陆失败" return HttpResponse(json.dumps(res))#也可以 from django.http import JsonRsponse　　　　return JsonResponse (res) #前端不需要反序列化！　　　　　前端 $(".log_btn").click(function () { $.ajax({ url:"{% url ‘app01:log‘ %}",data:{ ‘user‘:$(".user").val(),‘pwd‘:$(".pwd").val(),‘csrfmiddlewaretoken‘:$(‘[name="csrfmiddlewaretoken"]‘).val(),},type:‘post‘,success:function (data) { var data1 = JSON.parse(data); //反序列化 if(data1.user){ location.href = ‘https://www.baidu.com‘ }else {$(".error").html(data1.msg).css({‘color‘:‘red‘})} } }) })@H_502_108@

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。