今天主要学习的是关于AJAX的端口异步回应到游览器,写代码的熟练度只有在不停的训练中才能提升,没有其他捷径可走,还学习了json的概念以及应用。
AJAX响应的消息有四种,1.简单的文本字符串 Content-Type:text/plain;charset=UTF-8
HTTP/1.1 200 OK
non-exists
2.HTML片段 :
HTTP/1.1 200 OK
Content-Type:text/html;charset=UTF-8
`<td>1</td>Mc<td></td>`
比较少用,已经规定好了格式,只能按照他的格式写,上面这个就只能写在tr内
3.响应消息是XML
HTTP/1.1 200 OK
Content-Type:appllication/xml;charset=UTF-8
`<list>
<product lid="101">
<title>联想小新</title>
<price>2000</price>
</product>
<product lid="102">
<title>戴尔</title>
<price>5000</price>
</product>
</list>`
非常麻烦,先使用XML解释器程序,把数据转为js对象
4.响应消息为JSON
HTTP/1.1 200 OK
Content-Type:application/json;charset=UTF-8
`[
{
"lid":101,
"title":联想
"price":3499
} ,
{
"lid":102,
"title":“戴尔”
"price":3499
}
]`
简单,便捷
JSON的定义:json是对象表示法,是一种语言,用于描述数据,把数据转换成字符串,在不同的系统间交换。
JSON的语法规则:1.一段JSON格式的数据本质是一串字符串
2.一段JSON字符串中只能有一个根,要么是数组要么是对象
3.一个JSON对象中,可以存在多个键值对,格式:"键名":键值
4.JSON的值可以是如下类型:对象、数组、字符串、null、boolean、数字
5.JSON的键名和字符串键值必须加双引号
6.JSON中两个数据间的分隔符用逗号表示,最后一个数据后面不能加逗号
7.JSON中不能加注释
JSON的序列化和反序列化:
序列化:把服务器编程语言中的数据转换为JSON格式的字符串
let jsonString=JSON.stringufy(obj) //把js对象obj转成JSON格式的字符串jsonString
反序列化:把游览器接收到的JSON格式的字符串转回JS对象
let objData=JSON.parse(jsonString) //把JSON字符串jsonString转成JS对象objData