ajax返回json原理

ajax返回json原理相关知识

• ajax返回值 json 乱码 解决方案

  ajax的返回值一直乱码，试过各种ContentType设定utf-8的方法，就是搞不定，而且明明返回值是json字符串，一直出现ajax取得返回值类型为object。最后查资料发现，SpringMVC使用 @ResponseBody注解，返加字符串不做任何处理时，有可能会出现乱码问题。这是由于 StringHttpMessageConverter 类中，默认采用的字符集是 ISO-8859-1。public class StringHttpMessageConverter extends AbstractHttpMessageConverter<String> {           public static final Charset DEFAULT_CHARSET = C
• SpringBoot解决返回体content-type非json

  最佳解决方案为自定义消息转换器。首先，为什么要自定义消息转换器？所见即所得，原本的消息转换器并不能满足我们目前的需求。在最近的项目中，使用了SpringBoot与FastJson构建项目，在我们返回时，使用 @ResponseBody的方法里，采用了fastjson里的JSON.toJSONString()方法返回我们需要的Json数据，而这种返回中，会有一个问题，在返回中@ResponseBody注解中的消息转换器会默认理解为String解析，在返回体中如下图，content-type为text/html。因此我们解决想让我们的返回体中content-type为application/json。针对于这个问题，有一种最暴力的解决方案，直接在@RequestMapping中添加produces属性，设置produces="application/json"直接使得返回体设置为json格式。当然对于这种每个接口暴力解决的方案来说，对于每写一个接口都需要设置，因此增加我们写代码的重复性工作，
• Ajax叠加（Ajax返回数据用Ajax提交）

        最近在做人事管理系统的一个签到功能，首先是把部门当做参数，把参数用Ajax发送到数据库进行查询，然后以表格形式动态生成员工信息到返回页面的Div里，表格最后的一列是签到按钮，这时我想用JQuery继续获取被点击的“签到”按钮，然后用Ajax将数据发送到数据库签到表，更新签到表，于是我就把每个签到按钮的id属性设置成第一次Ajax返回的每个员工信息的工号，再次用JQuery获取，怎么获取呢？想到了标签加事件选择器，于是写了下面代码：      $(function(){            $("tr input:button").click(){                   $.ajax({         &
• springmvc 4.0 返回json数据基本配置

  <mvc:annotation-driven> <mvc:message-converters register-defaults="false"> <!-- 避免IE执行AJAX时,返回JSON出现下载文件 --> <bean id="fastJsonHttpMessageConverter" class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter"> <property name="supportedMediaTypes"> <list> <!-- 这里顺序不能反，一定先写text/html,不然ie下出现下载提示 --> <value>text/html;charset=UTF-8</value> <value>application/json;charset=UTF-8</value> </list> </pr

ajax返回json原理相关课程

• 逻辑回归原理与应用 本课程从逻辑回归的定义及其在机器学习所处地位入手，深入浅出的分析和推导逻辑回归算法的数学原理。以逻辑回归原理为基础，采用python语言，实际的开发一个基于梯度下降法的逻辑回归模型；并根据模拟的数据集，对模型的预测效果作出量化的评估。

  讲师：算法_周瑾 中级 6110人正在学习

• Ajax技术在购物车中的应用（PHP篇） 本课程从Ajax的基本概念到电子商城购物车实例中商品的添加、展示、修改和删除的开发实践，深入剖析了Ajax的工作原理以及开发理念，从而帮助小伙伴们更好地由浅至深地学习Ajax的项目设计方式，深度理解Ajax在项目当中的设计思想和极佳的用户体验性。

  讲师：Jason 初级 40393人正在学习

• Android高级Root技术原理解析 本课程是Android Root初级教程的升级版。本课程中主要使用CM Android作为分析对象。从su命令创建LocalServer开始，分析在su.c、activity.c等源码文件中如何与Superuser进行交互。同时，分析Superuser如何与su建立LocalSocket连接，以及如何通知su进行Root授权或拒绝Root授权

  讲师：李宁 高级 20944人正在学习

ajax返回json原理相关教程

• 3.2 返回 json 类型 视图函数直接返回 json 数据是在微服务架构中常见的套路。这里 Django 程序只提供后端数据并不提供静态资源。针对返回 json 数据，在 Django 中专门定义了一个 JsonResponse 类用来生成 json 数据。它实际上是继承自 HttpResponse 类：# django/http/response.py# 忽略其他内容class JsonResponse(HttpResponse): """ 忽略注释部分内容 """ def __init__(self, data, encoder=DjangoJSONEncoder, safe=True, json_dumps_params=None, **kwargs): if safe and not isinstance(data, dict): raise TypeError( 'In order to allow non-dict objects to be serialized set the ' 'safe parameter to False.' ) if json_dumps_params is None: json_dumps_params = {} kwargs.setdefault('content_type', 'application/json') data = json.dumps(data, cls=encoder, **json_dumps_params) super().__init__(content=data, **kwargs)JsonResponse 类的使用和 HttpResponse 类一样简单，我们只需要把字典数据传给 JsonResponse 类进行实例化即可。但是字典数据中存在中文时候，会出现乱码，我们只需要在实例化 JsonResponse 时，多传入一个参数即可：# 在页面上会出现乱码def hello_world(request, *args, **kwargs): data = {'code': 0, "content": "返回中文字符串", "err_msg": ""} return JsonResponse(data)# 经过处理后的JsonResponsedef hello_world(request, *args, **kwargs): data = {'code': 0, "content": "返回中文字符串", "err_msg": ""} return JsonResponse(data, json_dumps_params={'ensure_ascii': False})请求结果：# 第一个不处理的 JsonResponse 返回[root@server ~]# curl "http://127.0.0.1:8881/hello/"{"code": 0, "content": "\u8fd4\u56de\u4e2d\u6587\u5b57\u7b26\u4e32", "err_msg": ""}# 使用第二个数据处理后的HttpResponse返回[root@server ~]# curl "http://127.0.0.1:8881/hello/"{"code": 0, "content": "返回中文字符串", "err_msg": ""}另外一种比较好的方式是，仿照 JsonResponse 类，定义一个支持返回包含中文 json 数据的 Response 类：# 忽略导入模块# 将原来支持的json_dumps_params参数固定写死成{'ensure_ascii':False}class JsonResponseCn(HttpResponse): """ 忽略注释部分内容 """ def __init__(self, data, encoder=DjangoJSONEncoder, safe=True, **kwargs): if safe and not isinstance(data, dict): raise TypeError( 'In order to allow non-dict objects to be serialized set the ' 'safe parameter to False.' ) kwargs.setdefault('content_type', 'application/json') data = json.dumps(data, cls=encoder, **{'ensure_ascii':False}) super().__init__(content=data, **kwargs)这样处理后，我们在和原来一样使用 JsonResponseCn 类来返回 json 数据即可，不用考虑返回的字典数据中是否包含中文字符：def hello_world(request, *args, **kwargs): data = {'code': 0, "content": "返回中文字符串", "err_msg": ""} return JsonResponseCn(data)
• 3.3 返回 JSON 格式的数据 客户端访问操作资源的 URI 时，服务端返回 JSON 格式的数据。例如：1. 获取特定的主题客户端获取 id 为 123 的主题信息，发出如下请求：GET /topics/123服务端返回 JSON 格式的数据：{ "title": "今天吃什么？", "content": "谢谢"}在返回的 JSON 数据中， title 表示主题的标题，content 表示主题的正文。2. 获取所有的主题客户端获取所有的主题信息，发出如下请求：GET /topics服务端返回 JSON 格式的数据：[ { "title": "今天吃什么？", "content": "谢谢" }, { "title": "今天下雨吗？", "content": "有谁知道" }] 返回的 JSON 数据是一个数组，数组包含 2 项元素，每个元素表示一个主题。
• 5. 解析 json 数据 编写web api，在写 post 请求接口时，通常将接口参数以 json 格式发送给服务端，request.json 保存了请求中的 json 数据，下面编写一个例子 request-json.py 解析 json 数据：from flask import Flask, requestapp = Flask(__name__)@app.route('/')def root(): file = open('api.html', encoding = 'utf-8') return file.read()@app.route('/api/addUser', methods = ['POST'])def addUser(): json = request.json print('JSON', json) print('name = %s' % json['name']) print('age = %s' % json['age']) return 'addUser OK'if __name__ == '__main__': app.run(debug = True)在第 4 行，编写路径 / 的处理函数 root()，它读取文件 api.html，将内容返回给浏览器。在第 9 行，编写路径 /api/addUser 的处理函数 addUser()，打印 request.json 中的参数 name 和 age，返回给浏览器 ‘addUser OK’。客户端使用 POST 方法提交请求 /api/addUser，在 Flask 中，需要指明 methods 为 ‘POST’。路径 / 返回 api.html，api.html 通过 ajax 调用服务端的 /api/addUser，内容如下：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script><h1 id='result'>result</h1><script>var data = JSON.stringify({'name':'zhangsan', 'age':'20'});$.ajax({ url: '/api/addUser', type: 'post', contentType:'application/json', data: data, 　success: function(data) { $("#result").html(data); }, error: function(e) { alert('ERROR') }});</script>在第 2 行，定义 id 为 result 的标签，用于显示调用结果；在第 4 行，设定 /api/addUser 的接口参数: name 和 age；在第 5 行，通过 jquery.ajax 调用服务端的 /api/addUser。请求调用成功时，回调 success 函数，将结果显示在 id 为 result 的标签中，如下所示：
• 5. Ajax 的工作原理 Ajax 相当于用户端和服务端的一个中间层，用来处理异步化的数据交互。这里涉及到两个重要的点：XMLHttpRequest 和 异步。先讲异步，异步指的是用户无需等待，异步操作不会阻碍当前用户的活动。在早期，对于我们的 Web 交互，每次用户发送请求，都会阻塞当前活动，进行页面重载。而在服务器响应请求之前，浏览器只能是一片空白。体验极其差！然而，使用异步就能够解决这个问题，浏览器端发送请求，但是不会阻塞用户当前的活动，也不会丢弃当前页面，数据一样可以进行交互和刷新。体验效果极佳！另一个 XMLHttpRequest 可以说是 Ajax 的核心技术。使用 XMLHttpRequest ，我们可以通过 JavaScript 向服务端发送请求，并且获取和处理服务端返回的数据，却不会阻塞用户活动，而仅仅只是局部动态更新，更加不会导致 web 页面频繁重载。Ajax 工作过程大致如下：JavaScript 通过 XMLHttpRequest 向后端发起异步请求，可以是 get 或者 post 等；服务端接收请求，处理并返回数据；JavaScript 通过 XMLHttpRequest 获取并解析服务端返回的数据内容；JavaScript 通过动态更新 DOM 或者执行其他操作。
• 4. 什么是 Ajax？ 说这么多，那么什么是 Ajax 呢？简单来讲，Ajax 就是 JavaScript 基于 XMLHttpRequest 对象与服务端进行交互，向服务端发送一个请求，并且获取和处理服务器返回的内容。在这个过程中，我们可以使用 XML ，HTML 和 JSON 等格式的数据进行交互。并且，Ajax 拥有异步特质，我们可以在不刷新页面的情况下，通过交互数据，在页面上做局部的刷新等数据处理。
• 4. 控制器返回 JSON 数据时的异常处理 在控制器类上添加 @RestController 注解，控制器方法处理完毕后会返回 JSON 格式的数据。此时，可以使用 @RestControllerAdvice 注解标注的类 ，来捕获 @RestController 标注的控制器抛出的异常。

ajax返回json原理相关搜索

ajax android a href abap abap开发 abort absolutelayout abstractmethoderror abstracttablemodel accept access access教程 accordion accumulate acess action actionform actionlistener activity addeventlistener

查看更多慕课网实用课程