1新建django项目名为json_ajax,应用名为app,在templates模板中新建ajax.html文件

ajax.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>ajax</title>
  6.     {% load staticfiles %}
  7.     <script type="text/javascript" src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
  8. </head>
  9. <body>
  10. <button id="send">发送</button>
  11. <script>
  12.     $("#send").click(function () {
  13.         {#json数据#}
  14.         var post_data={
  15.             "name":"weihu",
  16.         };
  17.  
  18.         $.ajax({
  19.             url:"http://127.0.0.1:8000/ajax",
  20.             type:"POST",
  21.             {#发送json数据到服务器#}
  22.             data:post_data,
  23.  
  24.             {#请求成功回调函数#}
  25.             success:function (data) {
  26.                 alert(data)
  27.                 alert("请求成功")
  28.             },
  29.             {#请求失败回调函数#}
  30.             error:function () {
  31.                 alert("服务器请求超时,请重试!")
  32.             }
  33.  
  34.         });
  35.     });
  36. </script>
  37. </body>
  38. </html>

 

2.在settings配置文件中，注释

  1.  # 'django.middleware.csrf.CsrfViewMiddleware',
  1. STATIC_URL = '/static/'
  2.  
  3. STATICFILES_DIRS = [
  4.     os.path.join(BASE_DIR, 'static'),
  5. ]

3.在urls.py文件中，配置path路径

  1. """json_ajax URL Configuration
  2.  
  3. The `urlpatterns` list routes URLs to views. For more information please see:
  4.     https://docs.djangoproject.com/en/2.0/topics/http/urls/
  5. Examples:
  6. Function views
  7.     . Add an import:  from my_app import views
  8.     . Add a URL to urlpatterns:  path('', views.home, name='home')
  9. Class-based views
  10.     . Add an import:  from other_app.views import Home
  11.     . Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
  12. Including another URLconf
  13.     . Import the include() function: from django.urls import include, path
  14.     . Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
  15. """
  16. from django.contrib import admin
  17. from django.urls import path
  18. from app import views
  19.  
  20. urlpatterns = [
  21.     path('admin/', admin.site.urls),
  22.     path('test',views.test),
  23.     path('ajax',views.ajax),
  24. ]

4.在views.py中，实现逻辑代码

  1. from django.shortcuts import render,HttpResponse
  2. import json
  3.  
  4. def test(request):
  5.     return render(request,'ajax.html')
  6.  
  7. def ajax(request):
  8.     if request.method=="POST":
  9.         name=request.POST.get('name')
  10.         print("ok")
  11.         status=
  12.         result="sucuss"
  13.         return HttpResponse(json.dumps({
  14.             "status":status,
  15.             "result":result,
  16.             "name":name
  17.         }))

8.ajax与django后台json数据的交互的更多相关文章

  1. ashx 获取ajax Post到后台json数据

    前台页面代码: var json = [{ "Name": "Pavan Kumar Pabothu", "Age": 27, " ...

  2. SpringMVC中出现" 400 Bad Request "错误（用@ResponseBody处理ajax传过来的json数据转成bean）的解决方法

    最近angularjs post到后台 400一头雾水 没有任何错误. 最后发现好文,感谢作者 SpringMVC中出现" 400 Bad Request "错误(用@Respon ...

  3. 结合Bootbox将后台JSON数据填充Form表单

    本文介绍了如何结合Bootbox将后台JSON数据填充到Form表单中,同时也介绍了一些需要使用的知识的学习途径,并附上了参考文档地址与学习网址,对此感兴趣的伙伴可以直接访问学习.为了方便介绍,使用了 ...

  4. 11月13日上午ajax返回数据类型为JSON数据的处理

    ajax返回数据类型为JSON数据的处理 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...

  5. 【Spring学习笔记-MVC-5】利用spring MVC框架，实现ajax异步请求以及json数据的返回

    作者:ssslinppp      时间:2015年5月26日 15:32:51 1. 摘要 本文讲解如何利用spring MVC框架,实现ajax异步请求以及json数据的返回. Spring MV ...

  6. 解决后台json数据返回的字段需要替换的问题

    有时候后台json数据返回的字段含有“id”,也有可能是有时候为了减少代码的冗余,两页面之间只是数据模型个别属性的区别,所以这时候最好是用到模型属性的替换,用新的属性替换返回的json数据的字段.这里 ...

  7. AJAX跨域请求json数据的实现方法

    这篇文章介绍了AJAX跨域请求json数据的实现方法,有需要的朋友可以参考一下 我们都知道,AJAX的一大限制是不允许跨域请求. 不过通过使用JSONP来实现.JSONP是一种通过脚本标记注入的方式, ...

  8. 类型：JQuery；问题：ajax调用ashx文件；结果：ashx文件怎么获取$.ajax()方法发送的json数据

    ashx文件怎么获取$.ajax()方法发送的json数据 作者:careful 和ajax相关     新浪微博QQ空间QQ微博百度搜藏腾讯朋友QQ收藏百度空间人人网开心网0 $.ajax({  t ...

  9. 使用ajax解析后台json数据时：Unexpected token o in JSON at position 1

    json数据解析异常 今天在做json数据的时候,出现了如下错误,说是解析异常. VM1584:1 Uncaught SyntaxError: Unexpected token o in JSON a ...

随机推荐

  1. BZOJ1856或洛谷1641 [SCOI2010]生成字符串

    BZOJ原题链接 洛谷原题链接 可以将\(1\)和\(0\)的个数和看成是\(x\)轴坐标,个数差看成\(y\)轴坐标. 向右上角走,即\(x\)轴坐标\(+1\),\(y\)轴坐标\(+1\),表示 ...

  2. python -u

    标准错误(std.err):直接打印到屏幕 标准输出(std.out):需要缓存后再输出到屏幕 sys.stdout.write("stdout1") sys.stderr.wri ...

  3. Django web project

    在virtualenv下 (myvenv) ~/djangogirls$ django-admin startproject mysite . 生成web 工程目录 djangogirls ├───m ...

  4. JDK8集合类源码解析 - LinkedList

    linkedList主要要注意以下几点: 1构造器 2 添加add(E e) 3 获取get(int index) 4 删除 remove(E e),remove(int index) 5  判断对象 ...

  5. tomcat 、eclipse插件安装、一个机器安装多个tomcat、tomcat闪退的问题解决

    一.正常情况下 (1)新建三个系统变量:tomcat的安装路径 TOMCAT_HOME=E:\tomcat-6.0.39 CATALINA_HOME=E:\tomcat-6.0.39 CATALINA ...

  6. 操作Float的BigDecimal加减乘除

    bignum3 =  bignum1.add(bignum2);     //加 bignum3 = bignum1.subtract(bignum2);  减 bignum3 = bignum1.m ...

  7. Bing Developer Assistant开发随记

    Thumb很适合用来做拖动效果的,不会让鼠标轻易跑掉. Combo中的选项是当字符串输入并激发事件后自动加入的,可使用IVsUIShell.SetMRUComboText(GuidList.guidO ...

  8. SpringMVC 学习 九 SSM环境搭建 （二） Spring配置文件的编写

    spring配置文件中需要干的事情 (一)开启  Service与pojo包的注解扫描 注意:spring 扫描与表对应的实体类,以及service层的类,不能用来扫描Controller层的类,因为 ...

  9. Ajax复习

    1.标准请求响应时浏览器的动作(同步操作) 1.1 浏览器请求什么资源,跟随显示什么资源 2.ajax:异步请求: 2.1 局部刷新,通过异步请求,请求到服务器资源数据后,通过脚本修改页面中部分内容 ...

  10. Java往hbase写数据

    接上篇读HDFS 上面读完了HDFS,当然还有写了. 先上代码: WriteHBase public class WriteHBase { public static void writeHbase( ...