ajax 响应数据text/html_超硬核分分钟了解AJAX之AJAX响应数据格式处理03

a689aa66604946b9382c9047c9713d10.png

3.1 响应普通文本数据

如果服务器给我们响应的数据非常简答,那么使用字符串就好了,不需要我们做复杂的处理,后台编码也简单.

页面代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

后台代码

@WebServlet

总结:

如果响应的数据是一个对象或者对象集合,数据处理起来会非常麻烦,可以使用JSON格式处理

3.2 JSON的介绍

6e2cca84580ecda970404e063f2f8700.png

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。它有如下优点

1轻量级,在这里用它不是为了厉害的功能代码,而是为了实现数据转换

2 Json 格式既能考虑到前端对象的特点 同时也能兼顾后台对象信息的特点

3 Json 格式可以被前端直接识别并解析成对象

4 jQuery形式实现AJAX默认前后端传递数据的格式就是JSON

9bf7e65de01e682e9de6b79ca1005127.png

java中创建对象的语法(重量级语法)

class 

JSON格式在前端创建对象的语法(轻量级语法)

{

3.2.1在JS中定义单个对象

<!DOCTYPE html>

3.2.2在JS定义多个对象集合

<

JSON 与 JS 对象的关系

很多人搞不清楚 JSON 和 JS 对象的关系,甚至连谁是谁都不清楚。其实,可以这么理解:JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。

var 

JSON 和 JS 对象互转
要实现从JSON字符串转换为JS对象,使用 JSON.parse() 方法:

var 

要实现从JS对象转换为JSON字符串,使用 JSON.stringify() 方法:

var 

3.3 使用JSON实现数据交互

3.3.1手动实现数据转换

页面代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

后台代码

@WebServlet

问题:

JSON格式字符串,拼接比较麻烦,可以修改toString方法但是就破坏了toString原有的格式,而且一旦字段如果太多修改工作量大,后面可以使用JSON工具类转换

3.3.2使用GSON工具类

gson工具类中已经给我们封装好了json格式和java对象之间转换的API,我们直接使用即可,再也不用手动去转换项目中

添加gson-2.2.4.jar

455319a4c8892e1353ae3688a5500085.png

响应单个对象

前端代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

后台代码

@WebServlet

使用JSON响应对象集合

页面代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

后台 代码

@WebServlet

3.4 以XML格式响应数据(了解)

页面代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

后台代码

@WebServlet

点赞和评论区留言“ajax” ,可以获取对应视频,代码,文档全套资料。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值