zoukankan      html  css  js  c++  java
  • 2分钟学会ajax 入门ajax必备

    声明:ajax需要有一定的HTML 和js、jsquery基础

    这里是基于python3和django2.1.8实现的ajax例子

     原理图:

    原理解释:

    1.前端向后端发送ajax请求:

    必须写出你要请求的地址,请求的方式,请求的数据类型,这里一般为json格式

    2.django后端对前端发起的请求进行处理返回一个JsonResponse对象,数据格式为字典这里的处理函数要和1中的请求地址保持一致

    3.前端执行回调函数,当获取到后端传过来的顺序之后进行最后的处理。

    下面是详细步骤:

    1. Html文件中引入jquery静态文件

    这里静态文件的引入可以查看我以前的博客,相信大家应该都会

    {% load static %}
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
    {#1.引入jquery静态文件#}
    <script src="{% static 'js/jquery-1.12.4.min.js'%}"></script>
    

      

    2. 在html中寻找ajax需要绑定事件的对象

    首先我们看看测试的html文件中body中的内容

    <body>
    <input type="button" id="obj" value="ajax请求提交">
    </body>

    我们准备将这个按钮绑定给ajax

     $(function () {
            {#绑定ajax事件#}
    $("#obj").click(function () { $.ajax({ 'url':'/user/ajax_handle', #这里是请求的方法的地址 'dataType':'json', }).success(function (data) { #这里一定要传入参数data //进行处理 {#alert(data.res)#} if (data.res == 1){} alert(data.res) }) }) }) </script>

      格式如上图

    我们看看view的视图函数同时各位记得配置一下路由就ok了

     问题:

      如上操作会报错403错误:

      解决方案如下:

    在views.py中引入如下
    from django.views.decorators.csrf import csrf_exempt,csrf_protect
    如下
    在views.py里定义的函数加上装饰器
    
    @csrf_exempt
    def ajax_test(request):
        return render(request,'ajax_test.html')
    
    @csrf_exempt
    def ajax_handle(request):
        return JsonResponse({'res':1}) 
    #这样就ok了
  • 相关阅读:
    Swift3.0P1 语法指南——闭包
    OS X EI Capitan安装refind时出现Could not set boot device property: 0xe00002bc
    Swift3.0P1 语法指南——函数
    Swift3.0P1 语法指南——控制流
    [转]ios push
    给新浪微博审核提供下载地址
    xcode gdb/lldb调试命令
    博弈的真谛到底是什么?
    图基本算法 拓扑排序(基于dfs)
    HDU 1325 Is It A Tree? 判断是否为一棵树
  • 原文地址:https://www.cnblogs.com/pythonyeyu/p/11341358.html
Copyright © 2011-2022 走看看