django+ajax 简单demo

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'),