Ajax

Posted 2020-10-04 小疯子

1.什么是Ajax？

Ajax是一个复合单词，是指一种创建交互式网页应用的网页开发技术。英语全称Asynchronous javascript And XML，翻译成中文就是异步的JavaScript和XML。也被称为异步无刷新技术

异步：页面的局部刷新，并不是全部刷新，Ajax本身与服务器并没有直接的关系。

Ajax并不是一门新的语言或者说是新的技术，而是之前已有的技术：JS，XML，DOM，CSS等多种技术的结合

XML：可扩展标记语言，重点在于数据的存放和传递，里面的数据格式都是字符串格式。

标记语言最早来自美国。IBM公司开发的叫GML标记语言，后来由美国的组织进行分化，发展了SGML标准标记语言，SGML是html和XML的祖先

Ajax是一个与服务器端无关的技术

 

2.Ajax的作用？

Ajax可以实现动态校验、自动完成、级联、动态提示、自动保存

Ajax的基本原理就是在不刷新页面的情况下访问服务器处理数据，并根据数据的处理结果按你想要的方式对页面作出及时修改。

Ajax发出请求-》服务器接收请求，处理请求并将处理结果返回-》Ajax受到结果，按照你要的方式解析结果并更改页面内容。

 

3.Ajax基本的包含技术：

使用DOM进行动态显示及交互；

使用XML和XSLT进行数据交换及相关操作；

使用xmlhttprequest进行异步数据查询、检索；

使用JavaScript将所有的东西绑定在一起。

 

4.Ajax基础属性和包含的方法：

方法：abort（）：停止当前请求

  getAllResponseHeaders（）：作为字符串返回完整的headers标签

  getResponseHeaders（）：作为字符串返回单个的header标签

  open（‘post/get’，‘url’，‘true/false’）：设置为请求的目标URL方法和同步异步

  send（content）：发送请求

  setResponseHeaders（‘lable’，‘value’）：设置header并和请求一起发送

 

属性：onreadystatechange：可以监听Ajax引擎的工作状态

     readystate：以获取Ajax运行的状态值（0为未初始化，1为读取中，2为已读取，3为交互中，4为完成）

     ResponseText：服务器进程返回数据的文本版本，可以获取从服务器返回的值

  ResponseXML：服务器进程返回的数据文本状态

  Status：服务器返回的状态码（404=‘文件未找到’，200=‘成功’）

  StatusText：服务器返回的状态文本信息

 

5.JSON：

Json（JavaScript object notation）是一种轻量级的数据交换语言，以文字为基础，且易于让人阅读，同时也方便了机器进行解析和生成。Json简单来说就是JavaScript中的对象和数组，所以这两种结构就是对象和数组两种格式。可将JavaScript对象中表示的一组数字装换为字符串，然后就可在函数之间轻松传递这个字符串，或者在异步应用程序中将字符串从web客户端传递给服务器端程序。Json采用完全独立于程序语言的文本格式，但是也使用了类似C语言的习惯。

 

Json的好处：方便于传输，较少冗余的字符

方便转换

易于阅读

支持多种语言

数据格式比较简单，易于读写，格式都是压缩的，占用宽带小