AJAX和JSON相关知识

1、AJAX是什么？

AJAX 是一种用于创建快速动态网页的技术。AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个页面。

2、 为什么需要使用ajax

当我们正常去访问页面的时候 是一个全局访问和加载的过程，这样就会加载到我们暂时用不到的数据类型，这样浪费了带宽和降低了效率。所以我们希望可以每次加载的时候只加载我们需要加载的内容。

3、使用步骤

①创建对象

new XMLHttpRequest()

②发送请求

open(method,url,sync,usernmae,password)

  send();  当使用post提交方式的时候  请求的数据 在此处发送

get:  大部分情况下是可以发送的 

post:

​    大数据量的时候，缓存文件的时候  包含未知字符的时候都建议使用post发送

​    当我们发送post请求的时候，如果访问不成功的话 可以 ：

​    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

③接受响应

| responseText | 获得字符串形式的响应数据。   |
| ------------ | --------------- |
| responseXML  | 获得 XML 形式的响应数据。 |

④显示在页面

​     前提:  status ==200

​        readyState==4

  上述两个条件同时满足才可以拿到响应的数据

案例：

JSON部分

1、什么是JSON

JSON是一种数据交换格式，并且基于js语法子集的一种开放格式，一般是给程序进行读取的，采用完全独立其他编程语言来存储数据，层次结构使得json成为一种数据交换语言。

2、JSON是干嘛用的？

json主要是用来传输数据中的字符串，json的对象是JSON 键/值对，数组和其他对象。

3、为什么要用JSON

我们之前响应给浏览器的时候，都是字符串，如果响应的内容是  22等类似的内容的时候 我们不能够明确知晓它表示的含义，那么我们就需要每次指明参数的含义，所以我们可以使用xml的形式响应，所以就有了[<name>zhangsan</name>]。这样就解决了不知晓具体参数含义的内容。但是，这样也有问题。如果响应的是文本，可以节省资源，但是不知晓具体含义，如果使用的是xml我们知道了参数的含义，但是同时也需要加载标签，这样就浪费了资源降低了效率。所以，强强联合出现json.

3、JSON语法

json语法：

对象：{"属性名1":属性值1,"属性名2":属性值2,"属性名3":属性值3}