Django数据传输到js

view.py

from django.shortcuts import render
import json
def index(request):obj = {"name": "james"}return render(request, 'base.html', {'objs': json.dumps(obj)})#不能用local()

html

<input type="button" onclick="AjaxSubmit();" value="提交"><script>function AjaxSubmit(){const temp = {{ objs|safe }}alert(temp['name'])}</script>

js传输到Django

view.py

def ajax_submit(request):print(request.POST)return render(request, 'base.html', locals())

html

<input type="button" onclick="AjaxSubmit();" value="提交">
<script>function AjaxSubmit() {var host = '127.0.0.1';var port = '8080';$.ajax({url:'/ajax_submit/',type:'POST',data:{host:host, port:port},success:function (arg){}})}
</script>

出现错误Forbidden (CSRF token missing or incorrect.):
添加

 <script>$.ajaxSetup({data:{csrfmiddlewaretoken:'{{ csrf_token }}'}})
</script>

Django,js,html数据传输相关推荐

  1. js中ajax刷新页面,django+js+ajax实现刷新页面的方法

    本文实例讲述了django+js+ajax实现刷新页面的方法.分享给大家供大家参考,具体如下: 在服务器开发的时候,为了方便将服务器对外开一个接口来操作,可以使用django制作网页,通过页面来操作服 ...

  2. python eel 安卓_测试Eel——进行py与js文件数据传输

    前言 放假在家无聊,翻开吃灰的收藏夹 收藏了这么久的的吗(=・ω・=) 看着这些尘封已久的宝典,自责不已,下定决心要好好学习一番(误)!编程新手,兴趣使然,纯属分享学习经历!有错误欢迎大佬指正. 准备 ...

  3. Django 前后端数据传输、ajax、分页器

    返回ORM目录 Django ORM 内容目录: 一.MTV与MVC模式 二.多对多表三种创建方式 三.前后端传输数据 四.Ajax ​ 五.批量插入数据 六.自定义分页器 一.MTV与MVC模式 M ...

  4. js之操作JSON数据

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  5. JS操作JSON数据交换

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 采用完全独立于语言的文本格式,易于人阅读和编写.同时也易于机器解析和生成. JSON采用完全独立于语言的 ...

  6. js处理json数组

    JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式. 在JSON中,有两种数据结构: ...

  7. js读取解析JSON数据(转)

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  8. php 读取 js json格式数据,js读取和解析JSON数据的方法

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  9. ajax拿table里的th值,Jquery Ajax 异步设置Table中某列的值

    可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...

  10. Web前台传对象字符串到后台并让后台反序列化对象字符串的方法(ASP.NET) json对象和字符串的转换

    从零开始做了两个月多一点的.NET开发,期间经常遇到需要从Web前台传数据给后台处理的情况.比如下面(用了jQuery的Ajax Post),这里为了演示方便没有对参数进行encodeURICompo ...

最新文章

  1. 【Android 插件化】Hook 插件化框架 ( 使用 Hook 方式替换插件 Activity 的 mResources 成员变量 )
  2. c语言程序设计运用,清华大学出版社-图书详情-《C语言程序设计及应用教程》...
  3. zabbix自动发现监控磁盘(iops和读写量)
  4. linux shell之find高级点的用法
  5. 阿里P8亲自讲解!javawhile循环语句用法
  6. 【软件测试】白盒测试の基路径法
  7. 常见的新算法的标准测试函数(Ackely,Rastrigin,Griewangk,SumSquartes,Sphere,Quartic,Schwefel' Problem等)
  8. 你最近学到的 飞鸽传书 东西的题目
  9. python之父子进程间通信
  10. JAVA学习篇--Java类加载
  11. Java jdk的安装 与 环境变量的配置
  12. win11检测不到第二屏幕怎么办 windows11检测不到第二屏幕的解决方法
  13. 环境数据-全球中国土壤数据资源下载和提取教程
  14. 计算机 360云盘删除,删除360云盘图标,教你win7系统删除360云盘图标教程
  15. windows抓wifi包 Microsoft Network Monitor
  16. 简便word批量打印 - Office批量打印精灵(支持正版)
  17. hmdb51数据集,视频+标签
  18. ios开发之故事板StoryBoard的使用
  19. 微信营销诀窍:有朋自各方来
  20. 【UML 建模】在线UML建模工具 ProcessOn 使用具体解释

热门文章

  1. ES6新特性_ES6的数值扩展---JavaScript_ECMAScript_ES6-ES11新特性工作笔记039
  2. 大数据_MapperReduce_Hbase的优化和Hbase相关面试题_以及hbase的javaapi的一部分源码---Hbase工作笔记0029
  3. MyCat分布式数据库集群架构工作笔记0001---Mycat简介
  4. STM32工作笔记0018---JLINK程序下载
  5. readline安装
  6. 华为鸿蒙将比安卓快,任正非透露华为鸿蒙系统:将比安卓速度快60%
  7. Maven STS创建WEB项目
  8. .net mvc ajax 用html()怎么出来正个页面呀,如何使用jquery或ajax为MVC项目更新c#/ asp.net中的razor部分视图...
  9. 3d激光雷达开发(多雷达标定)
  10. win32开发(定时器)