Flask 如果响应 JSON 数据

2013-11-04  来源:本站原创  分类:编程  人气:10 

一、一个小小的例子,展示 Flask 如果响应 JSON 数据

Flask 如果响应 JSON 数据

flask-ajax-json

Flask 代码:

Code example:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24


# -*- coding: utf-8 -*-

"""

ajax Example

~~~~~~~~~~~~~~

一个简单的应用,展示了 Flask 如果响应 JSON 数据。

:copyright: (c) 2014 by Innes Luo.

:license: BSD, see LICENSE for more details.

"""

from flask import Flask, jsonify, render_template, request

app = Flask(__name__)

@app.route('/', methods=['POST', 'GET'])

def index():

if request.method == 'POST':

n = [request.form.get(x, 0, type=float) for x in {'n1','n2','n3'}]

return jsonify(max=max(n), min=min(n))

else:

return render_template('index.html')

if __name__ == '__main__':

app.run()

模板代码:

Code example:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44


<!doctype html>

<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">

<head>

<meta charset="utf-8">

<title>ajax Example</title>

<script type=text/javascript src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>

<script type=text/javascript>

var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};

function ajaxForm(){

$.ajax({

type: 'post',

url: $SCRIPT_ROOT,

dataType: 'json',

data:{

'n1': $('input[name=n1]').val(),

'n2': $('input[name=n2]').val(),

'n3': $('input[name=n3]').val()

},

error: function(xhr, err){

alert('请求失败,原因可能是:' + err + '!')

},

success: function(data, textStatus){

$('#max').text(data.max);

$('#min').text(data.min);

}

});

return false

}

</script>

</head>

</body>

<h1>ajax Example</h1>

<form action="" method="post" onSubmit="return ajaxForm()">

<p>在下面 3 个文本框中输入数字,然后点击按钮。</p>

<input name="n1" type="text" />

<input name="n2" type="text" />

<input name="n3" type="text" />

<input type="submit" />

<p>最大数:<span id=max>?</span></p>

<p>最小数:<span id=min>?</span></p>

</form>

</body>

</html>

相关文章
  • Flask 如果响应 JSON 数据 2013-11-04

    一.一个小小的例子,展示 Flask 如果响应 JSON 数据 flask-ajax-json Flask 代码: Code example: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 # -*- coding: utf-8 -*- """ ajax Example ~~~~~~~~~~~~~~ 一个简单的应用,展示了 Flask 如果响应 JSON 数据. :copyright: (c) 2

  • Android网络编程之获取网络上的Json数据实例 2014-04-10

    这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下 为要获取网络上的Json所以需要服务器端提供的支持. 一.创建服务器端: 服务器端项目结构: 服务器端运行效果图: 第一步:创建业务所需的JavaBean package com.jph.sj.model; import java.util.Date; /** * 新闻实体类 * @author jph * Date:2014.0

  • jQuery通过Ajax返回JSON数据 2014-07-09

    最近在使用JQuery的ajax方法时,要求返回的数据为json数据,在处理的过程中遇到下面的几个问题,那就是采用不同的方式来生成json数据的时候,在$.ajax方法中应该是如何来处理的,下面依次来进行说明. 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.

  • getJSON调用后台json数据时函数被调用两次的原因猜想 2014-07-15

    近期在做前端开发时候使用到getJSON调用后台json数据,发现后台的函数被调用两次,函数名称为getMessages,下面是本人的一些猜想,感兴趣的朋友可以参考下 近期在做前端开发时候使用到getJSON调用后台去json数据,发现后台的函数被调用两次,函数名称为getMessages, 多方调查结合网上兄弟经验发现,只要函数名不以get开头就没这个问题了, 本人大胆猜测,应该是请求返回的时候构造json数据时,调用所有get开头的函数,然后取得返回值然后构造响应. 所以,以get开头的函数

  • jQuery 使用 $.getJSON() 跨域获取 JSON 数据 2014-02-04

    假设在服务器上有文件 http://test.unmi.cc/json.php 文件,它的内容为: [代码 1] <?php header('Content-type: application/json'); $user = array ( "name" => "Unmi", "blog" => "http://unmi.cc" ); echo json_encode($user); ?> 要是在同一个

  • iOS通过ASIHTTPRequest提交JSON数据 2014-02-18

    先验知识--什么是ASIHTTPRequest? 使用iOS SDK中的HTTP网络请求API,相当的复杂,调用很繁琐,ASIHTTPRequest就是一个对CFNetwork API进行了封装,并且使用起来非常简单的一套API,用Objective-C编写,可以很好的应用在Mac OS X系统和iOS平台的应用程序中.ASIHTTPRequest适用于基本的HTTP请求,和基于REST的服务之间的交互. 如何使用ASIHTTPRequest? 网上有很多专门介绍ASIHTTPRequest使用

  • Struts.xml配置返回JSON数据 2014-05-28

    测试struts.xml中result参数的不同返回不同的json数据 目的是为了比较result中type不同和result中参数的不同所产生的效果 如果查询的是所有的数据,在action中定义的类型如下: private List<Goods> entities;public List<Goods> getEntities() { return entities;} 1.第一种:在xml文件中如果没有param,内容如下:<action name="goods&

  • java生成json数据示例 2013-10-01

    这篇文章主要介绍了java生成json数据示例,需要的朋友可以参考下 JsonTools.java package com.lihua.json.tools; import net.sf.json.JSONObject; public class JsonTools { public JsonTools() { } /** * @param key * 表示json字符串的头信息 * @param value * 是对解析的集合的类型 * @return */ //将数据转换为Json publ

  • js 与 php 通过json数据进行通讯示例 2013-10-02

    这篇文章主要介绍了js与php通过json数据进行通讯的具体实现,需要的朋友可以参考下 js 与 php 通过json数据进行通讯 例子: php文件 <?php echo json_encode(array(array( 'liaotiantiao'=>$liaotiantiao, 'liaotiank'=>$liaotiank, 'chatuserid'=>$chatuserid, 'chattouserid'=>$chattouserid ))); ?> html

  • AJAX跨域请求json数据的实现方法 2013-10-10

    这篇文章介绍了AJAX跨域请求json数据的实现方法,有需要的朋友可以参考一下 我们都知道,AJAX的一大限制是不允许跨域请求. 不过通过使用JSONP来实现.JSONP是一种通过脚本标记注入的方式,它是可以引用跨域URL的js脚本,不过需要提供一个回调函数(必须在您自己的页面上),因此,你可以自己处理结果. 让我们看看JSONP的是怎么在jQuery,MooTools的,Dojo Toolkit中实现的. jQuery的JSONP jQuery.getJSON方法: Js代码 jQuery.g

  • PHP在不同页面间传递Json数据示例代码 2013-10-21

    本文为大家介绍下PHP如何在不同页面间传递Json数据,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助 gettest.php文件: <?php $value["name"]= urlencode("我的姓名"); $value["pass"]= urlencode("pass888"); $value["age"]=30; $jsonstr =json_encode($value); $

  • JQuery 获取json数据$.getJSON方法的实例代码 2013-11-07

    这篇文章介绍了JQuery 获取json数据$.getJSON方法的实例代码,有需要的朋友可以参考一下 前台: function SelectProject() { var a = new Array; var r = window.showModalDialog('SelProject.aspx', a, "dialogWidth=1000px; dialogHeight=600px; resizable: yes"); if (typeof (r) != 'undefined')

  • jquery调取json数据实现省市级联的方法 2013-11-20

    这篇文章主要介绍了jquery调取json数据实现省市级联的方法,可实现读取json数据绑定到下拉菜单的功能,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了jquery调取json数据实现省市级联的方法.分享给大家供大家参考.具体如下: 使用jQuery mobile作为创建移动web的框架,需要实现省市级联的功能,具体代码如下(还需要优化的地方): Html代码: jQuery mobile中,有input list属性,下方紧跟<datalist >标签,中间包含的<opti

  • javascript:json数据的页面绑定示例代码 2013-12-05

    本篇文章主要是对javascript:json数据的页面绑定示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 web开发中,如果需要将"服务端返回的json对象"绑定到"现有页面上的dom元素",传统赋值的方式太繁琐,写起来也很累(特别是json对象很大时),于是想出了下面的偷懒方法,不过有二个前提: 1.元素的id要与json对象中的属性命名一致 2.json对象中的属性名,最好不要重复 <!doctype html> <html

  • javascript表单域与json数据间的交互第1/3页 2014-01-11

    找了几个javascript的框架,都没有找到我想要的: 提供函数,把某个表单的所有域封装成json数据格式的对象,唯有自己实现一个. 包括对象中有集合属性.对象中引用其他对象属性: /** **json对象数据设置到表单域中 */ function jsonObjectToForm(form, jsonObject){ for(i = 0, max = form.elements.length; i < max; i++) { e = form.elements[i]; eName = e.n

  • jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法 2014-01-14

    在网页上使用 json 数据,如果数据中含有特殊字符,会比较麻烦. 看到很多网上对含特殊字符 json 数据处理,都是逐个判断是哪个特殊字符,比如回车如何处理,引号如何处理.其实有现成的代码库可以做这件事情,下载 json-lib-2.3-jdk15.jar : import net.sf.json.util.JSONUtils; String str = (String) value; String s1 = JSONUtils.quote(str);//首尾带引号 String s3 = J

  • 为什么JS中eval处理JSON数据要加括号 2014-01-19

    这篇文章主要介绍了为什么JS中eval处理JSON数据要加括号的相关资料,需要的朋友可以参考下 由于Ajax的兴起,JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象.利用eval函数无疑是一种简单而直接的方法.在转化的时候需要将JSON字符串的外面包装一层圆括号: var jsonObject = eval("(" + jsonFormat + ")")

  • jquery解析JSON数据示例代码 2014-01-21

    作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式 这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先给出JSON

  • 使Ext的Template可以解析二层的json数据的方法 2014-02-04

    Ext的Template支持通过传入json数据的方式进行模板替换. API中有这样一段示例: var t = new Ext.Template( '<div name="{id}">', '<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>', '</div>' ); t.append('some-element', {id: 'myid', cls

  • Android中使用Gson解析JSON数据的两种方法 2014-02-16

    Json是一种类似于XML的通用数据交换格式,具有比XML更高的传输效率;本文将介绍两种方法解析JSON数据,需要的朋友可以参考下 Json是一种类似于XML的通用数据交换格式,具有比XML更高的传输效率. 从结构上看,所有的数据(data)最终都可以分解成三种类型: 第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"北京"这个单独的词. 第二种类型是序列(sequence),也就是若干个相关的数据按照一定顺序并列在一起,又叫做数组