继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Python Ajax请求及返回 json

安卓入门学习视频
关注TA
已关注
手记 267
粉丝 68
获赞 387

前台表单:

<div action="login_in" method="post">
    {% csrf_token %}
    <input type="text" name="user" id="user">
    <input type="text" name="pwd" id="pwd">
    <input type="submit" id="btn" value="登录">
</div>
<script>
    $(function () {
        $("#btn").click(function () {
           var data = JSON.stringify({"user":$("#user").val(),"pwd":$("#pwd").val()})
            $.ajax({
                url:"login_in",
                contentType:'application/json;charset=UTF-8',
                type:"POST",
                data:data,
                beforeSend: function(xhr, settings) {
                    var token =  $('input[name=csrfmiddlewaretoken]').val()
                    xhr.setRequestHeader("X-CSRFToken",token);
                },
                {% comment %}beforeSend:function (xhr,settings) {
                    xhr.setRequestHeader("X-CSRFtoken",$.cookie("csrftoken"))
                },{% endcomment %}
                success:function (data) {
                    console.log(data)
                },error:function (error) {
                    console.log("error")
                    console.log(error)
                }
            })
        });
    })
</script>

后台函数:

from django.shortcuts import render,HttpResponse
import json
class Blog():
    def login_in(req):
        if req.method == 'POST':
            data = json.loads(req.body)
            if data['user'] == "admin" and  data['pwd'] == "123":
                return HttpResponse(json.dumps(data), content_type='application/json')
        return render(req, 'error.html')

https://img3.mukewang.com/5b20e0ba0001413104490315.jpg

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP