• 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了
  • 相关阅读:
    十六进制计算器
    USB 3.0规范中译本 第7章 链路层
    from表单POST提交nodejs
    07_通过谷歌封装的api操作数据库delete&insert
    06_直接执行sql操作数据库delete&update
    05_直接执行sql操作数据库
    04_数据库升级onUpgrade&ondowngrade
    03_通过OpenHelper获取SqliteDatabase对象
    02_SQliteOpenHelper介绍&oncreate方法介绍
    00_前情回顾&今日展望
  • 原文地址:https://www.cnblogs.com/pythonyeyu/p/11341358.html
Copyright © 2020-2023  润新知