Ajax全接触 && JSON

Ajax
Ajax 全称：asynchronous JavaScript and XML（异步的JavaScript和XML）； Ajax 不是语言，是种技术，可以在不完整加载整个网页的前提下，加载网页的部分

同步：服务器端处理客户端的请求并响应，此时客户端等待服务器端，等待结束以后客户端重新载入页面。如果有错误只能再次向服务器端发送请求，再次等待。ajax异步：写表单错误直接显示出页面出来，没有页面的刷新，没有等待。实现ajax：HTML+css、XMLHttpRequest对象、javascript操作dom实现动态局部刷新。

利用XmlHttpRequest对象

http请求有四部分组成

1、http请求方法或动作，如GET或POST

2、正在请求的URL地址

3、请求头

4、请求体，请求的正文，表单信息等等

一个完整的HTTP请求过程，通常有下面7个步骤：1.建立TCP连接2.Web浏览器向Web服务器发送请求命令3.Web浏览器发送请求头消息4.Web服务器应答5.Web服务器发送应答头信息6.Web服务器向浏览器发送数据7.Web服务器关闭TCP连接

无刷新，点击就上传后台了，然后根据上传参数后排匹配返回

<script>document.getElementById("search").onclick=function(){   // 发送Ajax查询请求并处理   var request = new XMLHttpRequest();   request.open("GET","service.php?number="+document.getElementById("keyword").value);   request.send();   request.onreadystatechang=function(){

   //下面2句表示请求成功       if(request.readyState === 4){          if(request.status === 200){       document.getElementById("searchResult").innerHTML=request.responseText;          }else{             aler("发生错误："+request.status);          }       }   }}</script>

json：   阮一峰博客

从结构上看，所有的数据（data）最终都可以分解成三种类型：  

第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"北京"这个单独的词。

第二种类型是序列（sequence），也就是若干个相关的数据按照一定顺序并列在一起，又叫做数组（array）或列表（List），比如"北京，上海"。

第三种类型是映射（mapping），也就是一个名/值对（Name/value），即数据有一个名称，还有一个与之相对应的值，这又称作散列（hash）或字典（dictionary），比如"首都：北京"。

Json的规格非常简单，只用一个页面几百个字就能说清楚，而且Douglas Crockford声称这个规格永远不必升级，因为该规定的都规定了。

1） 并列的数据之间用逗号（", "）分隔。

2） 映射用冒号（": "）表示。

3） 并列数据的集合（数组）用方括号("[]")表示。

4） 映射的集合（对象）用大括号（"{}"）表示。

比如，下面这句话：

"北京市的面积为16800平方公里，常住人口1600万人。上海市的面积为6400平方公里，常住人口1800万。"

写成json格式就是这样：

[
　　{"城市":"北京","面积":16800,"人口":1600},
　　{"城市":"上海","面积":6400,"人口":1800}
]

如果事先知道数据的结构，上面的写法还可以进一步简化：

[
　　["北京",16800,1600],
　　["上海",6400,1800]
]

由此可以看到，json非常易学易用。所以，在短短几年中，它就取代xml，成为了互联网上最受欢迎的数据交换格式。

学习javascript的时候，我曾经一度搞不清楚"数组"(array)和"对象"(object)的根本区别在哪里，两者都可以用来表示数据的集合。

比如有一个数组a=[1,2,3,4]，还有一个对象a={0:1,1:2,2:3,3:4}，然后你运行alert(a[1])，两种情况下的运行结果是相同的！这就是说，数据集合既可以用数组表示，也可以用对象表示，那么我到底该用哪一种呢？

我后来才知道，数组表示有序数据的集合，而对象表示无序数据的集合。如果数据的顺序很重要，就用数组，否则就用对象。

二、json和xml比较

1、json的长度和xml格式比起来很短小

2、json读写的速度更快。

3、json可以使用javaScript内建的方法直接进行解析，转换成javaScript对象，非常方便。

三、json语法规则

1、json数据的书写格式是：名称/值对。

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

和javaScript对象表示法不同，javaScript对象表示法的键值不需要用引号，但是json的键值要用引号。

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

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

（2）字符串（在双引号中）

（3）逻辑值（true或false）

（4）数组（在方括号中）

（5）对象（在花括号中）

（6）null

3、json典型例子：

{

  "staff":[

    {"name":"洪七","age":70},

    {"name":"郭靖","age":35}

  ]

}

四、（外注）JSON建构于两种结构：

1、“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。

2、值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。

json在线解析工具 

跨域：a.com下面js不能调用b.com的对象，js处于安全考虑