AJAX 异步的 JavaScript 和 XML
作者:欧日鑫
撰写时间:2020年4月30日
什么是 ajax
1.ajax(阿贾克斯 Asynchronous JavaScirpt And Xml)异步JavaScirpt 和 XML,是指一种创建交互式网页应用的网页开发技术,可以访问服务器数据的局部刷新的技术。
2.ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的web应用程序的技术。
ajax的作用是什么
允许客户端脚本发送HTTP请求,去请求服务器的数据来创建动态网页,可以在不重新加载整个网页(刷新网页)的情况下,对网页的某部分进行更新。也称为局部刷新。
常见例子: 分页、用户名即时验证(在输入的同时验证)、聊天室...
同步和异步
异步:完成一件事情的同时做别的事情,可以同时完成多件事情,互不影响;
同步:就是异步的反面,死等前面的执行结束,才执行下面的事情;
XML 传输数据的格式
例:
<student>
<name> loye </name>
<age> 22 </age>
</student>
【注】XML 和HTML很像,唯一不同的就是标签可以自定义,也是表达语义的,但是不用被浏览器呈递,就是负责交换信息的,现在已经被JSON替代,因为XML后台难以生成,前台难以解析。XML 没有数组,并且长,要有标签的封闭。
JSON 传输数据的格式
JSON(JavaScript Obiect Notation)是一种轻量级的数据交换格式。通过JavaScript 中的一些模式来表示结构化数据;
JSON 的语法可以表示三种类型的值:
1. 对象表示法(JSON 中对象表示法必需要加上双引号,并且不存在赋值运算和分号):
{
"name": "loye", // 必须加双引号,否则转换会出错(单引号也不行)
"age": 22, // 数字可以不加引号
}
2. 数组表示法(同样没有赋值和分号):
["loye","22","true"]
3. 对象和数组结合的表示法(最常用的方法):
⑴.数组里面加对象:
[
{
"name": "loye",
"age": 22,
},
{
"name": "落叶",
"age": 22,
}
]
⑵.对象里面加数组:
{
"age": 22,
"name": ["loye","落叶"],
}