Ajax+JSON学习笔记

Posted 2020-07-24

来源：http://www.imooc.com/learn/250

readyState属性

0：请求未初始化，open还没有调用

1：服务器连接已建立，open已经调用了

2：请求已接受，也就是接收到头信息了

3：请求处理中，也就是接收到响应主体了

4：请求已完成，且响应已就绪，也就是响应完成了

通过监听readyState属性的变化，就可以判断服务器的响应成功与否

var request = new XMLHttpRequest();
request.open("GET","get.php",true);
request.send();
request.onreadystatechange = function(){
  if(request.readyState === 4 && request.status ===200){
     //做一些事情   
     request.responseText
  }  
}

 

XAMMP下载地址：https://www.apachefriends.org/download.html

 

JSON基本概念

JSON：javascript对象表示法（JavaScript Object Notation）

JSON是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织，易于人们阅读和编写，同时也易于机器解析和生成

JSON是独立于语言的，也就是说不管什么语言都可以解析JSON，只需要按照JSON的规则来就行

 

JSON与XML比较

JSON的长度和XML格式比起来很短小

JSON读写的速度更快

JSON可以使用JavaScript内建的方法直接进行解析，转换成JavaScript对象，非常方便

JSON语法规则

JSON数据的书写格式是：名称、值对

名称、值对组合中的名称写在前面（在双引号中），值对写在后面（同样在双引号中），中间用冒号隔开：比如“name:郭靖”

json的值可以是下面这些类型：

数字（整数或浮点数），比如123,1.23

字符串（在双引号中）

逻辑值（true或false）

数组（在方括号中）

对象（在花括号中）

null

例如：

{
  "staff":[
       {"name":"洪七","age":70},
       {"name":"郭靖","age":35},
       {"name":"黄蓉","age":30}
    ]  
}

staff是名称，值对是一个数组，每个值对又由两个属性（name,age）组成.

一般有两种解析JSON的方法eval和parse，但一般使用parse.