python flask下传数据到js

  1. 首先要清楚后台和前端交互所采用的数据格式。
    一般选JSON,因为和js完美贴合。
  2. 后台返回的数据进行序列化
    
    
    
    在/homepageRecommend 路由的 view方法中返回序列化数据
    dict = {"a":1, "b":2}1)
    import json
    json.dumps(dict)
    
    2)
    from flask import jsonify
    jsonify(dict)         #在调用jsonfiy 有时会报错,原因是jsonify 对象必须是dict
    

     这两种序列化方式主要的区别是 jsonify 格式更美观一些

  3. 在前端利用jquary 对json进行反序列化

    $.getJSON(‘/homepageRecommend‘
                    , function(data) {                    // 从Flask返回的数据
                        alert(data.a)                     // 浏览器弹窗显示 后端返回的dict["a"]的值,此次是1            }          )
    
    //getJSON 函数有三个参数
    //第一个是后端返回的数据的url
    //第二个是要返回给服务器的data 是可选的
    //第三个是对获取的反序列化数据 要继续进行的操作的函数
  4. 然后就可以利用js对数据进行想要的操作了

总结: flask 后台给前端js传数据, 需要注意序列化 和反序列化




 
时间: 2024-10-06 23:07:41

python flask下传数据到js的相关文章

Flask下如何处理Requests 上传中文文件名的问题

一.问题的由来     最近有个项目,叫做文档服务资源中心,类似于七牛,为各个业务系统提供统一的文件资源服务,包括文件的存储.操作管理.下载.预览等.在做文件存储的时候,遇到了这个当指定上传的文件名为中文时,Flask框架的服务端无法解析成文件,而是当成一般的表单数据处理.我们在文件存储的实现架构如下图:         客户端业务系统(Python开发的)通过调用python-sdk中的上文文件API上传文件.按照requests这个类库上传文件的格式要求,必须指明文件的文件名.所以,在API

layer.js子窗口关闭并传数据到父窗的方法

昨晚整了很晚,一直找不到方法.去官网api看了好久,又在网上搜了很久 始终找不到答案.今天自己终于找到了方法. 难点:因为 确认和取消按钮都是在父窗 调用js生成的按钮.只能从父窗回调的时候去去数据并关闭子窗口.并不是子窗口自己关闭并把数据传到父窗.而网上给出的很多答案都是子窗口自己关闭并传数据到父窗的方法. [贴出我自己的代码,大概实现了流程.具体自己根据情况修改] 我的代码功能是 子窗口要传递数组给父窗,具体复杂的数据格式(如json等)类似 1.子窗口代码 var urls; functi

python 学习笔记 3 -- 数据结构篇下

5.引用 当你创建一个对象并给它赋一个变量的时候,这个变量仅仅 引用 那个对象,而不是表示这个对象本身!也就是说,变量名指向你计算机中存储那个对象的内存.这被称作名称到对象的绑定.eg. [python] view plaincopy # -*- coding: utf-8 -*- shoplist = ['apple', 'mango', 'carrot', 'banana'] print "we copy the shoplist to mylist directly \"with

Python文件夹下图像数据可视化

Python文件夹下图像数据可视化 import matplotlib.pyplot as plt import matplotlib.image as mpimg import numpy as np   import urllib2 import urllib import os import shutil   subdir= "/7" homedir = os.getcwd() + subdir # "/home/haoyou/Dev/last_caffe_with_s

在MAC OS 下配置python + Flask ,并支持pyCharm编辑器

原创咯- flask是一个micro framework ,伸缩性很强.可以部署到openshift 的PAAS里.这个框架上手非常快.喜欢的可以试试. 若实在MAC里,python已经默认安装了.10.9的系统安装的是2.7.5的版本.所以我们这里就不详细介绍python的安装啦 1. 首先安装  vurtualenv 这是一个虚拟环境,virtualenv 允许多个版本的 Python 同时存在,对应不同的项目. 它实际上并没有安装独立的 Python 副本,但是它确实提供了一种巧妙的方式来

MVC - 11(下).jquery.tmpl.js 接收JSON类型数据循环

继续 mvc-11(上).dto:http://www.cnblogs.com/tangge/p/3840060.html jquery.tmpl.js 下载:http://pan.baidu.com/s/1o68w7Ke   1.前台 Index.cshtml @{ ViewBag.Title = "学员列表"; } @section headSection{ <script type="text/x-jquery-tmpl" id="trtemp

windows下python+flask环境配置详细图文教程

本帖是本人在安装配置python和flask环境时所用到的资源下载及相关的教程进行了整理罗列,来方便后面的人员,省去搜索的时间.如果你在安装配置是存在问题可留言给我. 首先罗列一下python+flask环境所用的一些程序组件的下载地址: 1.python语言环境: http://www.python.org/download/ . 2.setuptools 组件: https://pypi.python.org/pypi/setuptools/0.9.6 . 3.pip 组件: https:/

VisualStudio2013下安装Python Flask/jade

为什么是Python? 不做程序的工作好久了,当创业成为工作后越发发现时间的宝贵.时间那么少,需求确实多样的,软件的,web的,还得跨平台,以前熟悉的.Net明显每一项满足的.选来选去还是Python适合现在的场景,语言上上手快,组建框架爱丰富,跨平台更不是问题,正好几个参考的项目也有很多python实现的部分,唯一缺点是得从头来. 为什么是Flask? 跟C#一样,那种web框架决定了后面开发的速度.灵活,所以特意花时间对比了一下现下几个框架.不需要最好的的,只需要最适合自己的.这个框架够mi

python环境下使用mysql数据及数据结构和二叉树算法(图)

python环境下使用mysql数据及数据结构和二叉树算法(图):1 python环境下使用mysql2使用的是 pymysql库3 开始-->创建connection-->获取cursor-->操作-->关闭cursor->关闭connection->结束45 代码框架6 import pymysql.cursors7 ###连接数据库8 connection = pymysql.connect(host='127.0.0.1',port=3306,user='roo