JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。

把对象转成JSON。

1.JSON基础语法

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第1张图片

 JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第2张图片

 JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第3张图片

 JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第4张图片

 2.JSON和java对象之间的转换。

业务逻辑处理完,也需要发送给前端。把java对象转成JSON。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第5张图片

2.1 JSON导入库

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第6张图片

 实际操作JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第7张图片

字符串不能嵌套,所以用转义字符。 

 JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第8张图片

2.2 JSON案例 查询所有

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第9张图片

 

Servlet这里如此处理

查到的打包成JSON,发给前台。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第10张图片

brand.html,获取打包过来的brand对象。。

 

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第11张图片

 2.3 JSON案例新增品牌

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第12张图片

 

这里的按钮,不用submit,用异步的请求。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第13张图片

 addServlet,里面是获取POST方式,数据都在请求体里,JSON就只有一行,所以readline。

如果添加的方法报错,下面的响应成功就不会执行。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第14张图片

 

 addbrand.html里的script。if之前是先发数据到Servlet,然后接受Servlet的响应,对响应数据进行处理。如果是success,就跳转到brand.html。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第15张图片

 

每一个输入框都有name,即JS对象。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第16张图片

 

AXios会把他们变成JSON数据。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第17张图片

 然后获取输入框的数据。 下面挨个获取value。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第18张图片

这里勾选框的数据不能再直接得到value的值,得检查它得checked属性。checked属性为true,就是被选中。

我们一次性获取两个标签的值,哪个被选中了,就获取它的value值。

JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第19张图片

 JSON的学习。web分区。思路:对象数据用JSON,别的可以用AXIOS。_第20张图片

 

你可能感兴趣的:(json,前端)