ajax 异步获取返回数据格式,Flask(python)异步（ajax）返回json格式数据

╰半橙微兮° 2022-09-03 07:22 199阅读 0赞

主要讨论两个问题，第一个是关于json.dumps 与jsonify区别，第二个是几种异步的区别(见jQuery中的$.getJSON、$.ajax、$.get、$.post的区别)。html

json.dumps()和jsonify()的区别

使用方法不一样：

dumps和loads方法，来自json模块，而json模块是python中的，能够直接导入：python

import json

而jsonify是flask封装的扩展包jquery

from flask import jsonify

做用不一样：

①dumps()和loads()ajax

json.dumps()：把字典转成json字符串，json

json.loads()：把json字符串转成字典flask

他们操做的都是变量(变量是存储在内存中的)。bootstrap

②jsonify浏览器

字典转成json字符串session

效果不一样：

①json.dumps()查看响应信息(Content-Type：响应内容的类型)：Content-Type:text/heml；charset=utf-8app

②jsonify查看浏览器响应信息(Content-Type：响应内容的类型)：Content-Type: application/json

相关代码以下：

新建flask项目，创建一个app.py文件，代码以下：

\#coding: utf-8

from flask importFlask, render\_template, url\_for, request, json, jsonifyfrom flask\_bootstrap importBootstrap

app= Flask(\_\_name\_\_)

app.config\['JSON\_AS\_ASCII'\] =False

@app.route('/form\_data', methods=\['GET', 'POST'\])defform\_data():if request.method=='GET':

username= request.args.get("username")\#dumps和loads方法，来自json模块，而json模块是python中的，能够直接导入：

\#而jsonify是flask封装的扩展包

return jsonify(\{'status': '0', 'username': username, 'errmsg': '登陆成功!'\})else:

username= request.form\['username'\]return jsonify(\{'status': '0', 'username': username, 'errmsg': '登陆成功!'\})

@app.route('/')defindex():return render\_template('test.html')if \_\_name\_\_ == '\_\_main\_\_':

app.run(debug=True)

再在templates文件夹下新建test.html文件，代码以下：

Title

$("\#sendjson").click(function () \{

params= \{"username": "lisi"\}

\{\#$.getJSON("\{ \{ url\_for('form\_data') \}\}",params, function (result) \{\#\}

\{\#$("\#myDiv").append("hello world1");\#\}

\{\#console.log(obj.username + "  
");\#\}

\{\#\});\#\}

\{\#$.ajax(\{\#\}

\{\#"url": "\{ \{ url\_for('form\_data') \}\}",\#\}

\{\#"type": "POST",\#\}

\{\#"data": params,\#\}

\{\#"success": function (obj) \{\#\}

\{\#$("\#myDiv").append("hello world")\#\}

\{\#console.log(obj.username + "  
")\#\}

\{\#\},\#\}

\{\#"error": function (obj) \{\#\}

\{\#console.log(obj)\#\}

\{\#\},\#\}

\{\#"dataType": "json",\#\}

\{\#"async": true\#\}

\{\#\});\#\}

\{\#$.get("\{ \{ url\_for('form\_data') \}\}", params, function (obj) \{\#\}

\{\#$("\#myDiv").append("hello world")\#\}

\{\#console.log(obj.username + "  
");\#\}

\{\#\}, "json");\#\}

$.post("\{ \{ url\_for('form\_data') \}\}", params, function (obj) \{

$("\#myDiv").append(obj.username + "  
")

console.log(obj);

\},"json");

\})

\{\#$('\#sendjson').bind('click', submit\_form);\#\}

案例截图：

![a98328b87f4c48d3b44670f231eaa59a.png][]

返回结果：

![a98328b87f4c48d3b44670f231eaa59a.png][]

[a98328b87f4c48d3b44670f231eaa59a.png]: /images/20220829/b1bf95b343e54bd4aeac773453c179c1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax 异步获取返回数据格式,Flask(python)异步（ajax）返回json格式数据

主要讨论两个问题，第一个是关于json.dumps 与jsonify区别，第二个是几种异步的区别(见jQuery中的$.getJSON、$.ajax、$.get、$.post的

╰半橙微兮°/ 2022年09月03日 07:22/ 0 赞/ 200 阅读

相关 struts2+ajax中json数据返回格式参数详解

<param name="xxx">paramName</param> root：只包含paramName对象 excludeProperties ：除了p

本是古典何须时尚/ 2022年08月09日 02:20/ 0 赞/ 152 阅读

相关配置ajax请求springmvc返回json格式数据

首先在controller的方法返回值（返回值类型为实体类）上增加@ResponseBody注解然后两种配置方式如下：方式一：spring4.0以及之后版本推荐 po

逃离我推掉我的手/ 2022年07月19日 05:57/ 0 赞/ 239 阅读

相关 springmvc4整合AJAX使用@ResponseBody注解返回JSON数据格式

一、在使用springMVC4+Hibernate4集成框架，需要使用到@ResponseBody注解来配合AJAX的使用，但依靠springMVC3的配置和jar

小鱼儿/ 2022年07月14日 07:29/ 0 赞/ 118 阅读

相关 Ajax前后台交互返回普通格式和JSON格式

采用阿里fastJson 下面是pom.xml <dependency> <groupId>com.alibaba</groupId>

叁歲伎倆/ 2022年06月07日 11:53/ 0 赞/ 170 阅读

相关数据格式[[]]//ajax

$.ajax(\{ url:"http://192.168.2.121:8080/yanshuredis/gst",//\[\]\[\] type:"get",

亦凉/ 2022年06月03日 04:47/ 0 赞/ 140 阅读

相关 axious与原生态ajax返回数据的格式

最近用到了vue，当然也用到了vue中提供的发送ajax请求的函数axious,然后遇到了bug，具体代码如下. 因为的controller拿到数据是将数据统一方到一个返回

￡神魔★判官ぃ/ 2022年05月17日 00:08/ 0 赞/ 172 阅读

相关 ajax返回数据

1.Ajax中返回数据的格式 Ajax中常见的返回数据的格式有三种：分别为文本，XML和JSON 我一般使用返回文本的形式 header("Content-Type:te

小灰灰/ 2021年12月20日 19:29/ 1 赞/ 225 阅读

相关 jquery的ajax异步请求接收返回json数据

jquery的ajax异步请求接收返回json数据方法设置简单，一个是服务器处理程序是返回json数据，另一种就是ajax发送设置的datatype设置为jsonp格式数据或j

妖狐艹你老母/ 2021年10月09日 04:02/ 0 赞/ 387 阅读

相关 Response 异步返回各种格式数据：json xml text Protobuf

import java.io.IOException; import java.io.OutputStream; import javax.s

不念不忘少年蓝@/ 2021年09月26日 09:20/ 0 赞/ 275 阅读