Ajax

发布时间：2020-12-16 02:44:53 所属栏目：百科来源：网络整理

导读：向服务器发请求的方式： - 浏览器地址栏 get - form表单 get / post - a标签 get - ajax? get / post: - 1.异步 - 2. 局部刷新基于jquery简单实现Ajax button ajax_button / button script $( ‘ button ‘ ).click( function () { $.ajax( { url: ‘ {% ur

　　向服务器发请求的方式：

　　　　　　- 浏览器地址栏 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‘})} } }) })

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!