为了账号安全,请及时绑定邮箱和手机立即绑定

Python Ajax请求及返回 json

标签:
Html/CSS Python

前台表单:

<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://img1.sycdn.imooc.com//5b20e0ba0001413104490315.jpg

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消