Ajax+JSON学习笔记

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax+JSON学习笔记相关的知识,希望对你有一定的参考价值。

来源: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.

 

以上是关于Ajax+JSON学习笔记的主要内容,如果未能解决你的问题,请参考以下文章

ajax学习笔记

学习笔记——JSON 和 AJAX

Xitrum学习笔记08 - JavaScript and JSON

ajax请求返回json数据--Go语言学习笔记

ajax学习笔记2-JSON形式返回(大拇指向上)

Ajax+JSON学习笔记