首页 > Web开发 > 详细

django+ajax 简单demo

时间:2020-03-05 14:36:55      阅读:65      评论:0      收藏:0      [点我收藏+]

ajax可以做到只刷新局部页面实现信息更新  非常方便

前端

<script>
    $(function hasContent() {    //页面一加载便调用该函数 也可更改为按钮触发等
            $.ajax({
                url:"{% url ‘updatemail‘ %}", //后台接口
                type:"get",          //类型 如果时post需要加csrf_token 验证  页面添加 {% csrf_token %}  data添加  ‘csrfmiddlewaretoken‘: function () { return $(‘:input:first‘).val() }
                data:{"emailid":$("#emaillogo").val()}, //向后台发送的信息 "emailid"为发送至后头的信息名称$("#emaillogo").val() 为获取前端的数据
                success:function (data) {            //后台处理后返回信息处理
                    $("#sendheadline").val(data.headline); 
                    $("#sendmessage").text(data.message);
                }
            })
    });
</script>
 
后台
from django.http import JsonResponse #json
def updatemail(request):
    emailid = request.GET.get("emailid")
    return JsonResponse({‘信息名‘:内容})  返回json格式信息
url
path(‘updatemail/‘,second_views.updatemail,name=‘updatemail‘),

django+ajax 简单demo

原文:https://www.cnblogs.com/ddb1-1/p/12419875.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!