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}