AJAX应用中必须要掌握的重点知识(分享)
ajax是什么?
是asynchronous javascript and xml的首字母的缩写, 它不是一门的新的语言,而是对现有技术的综合利用。 其本质是在http协议的基础上以异步的方式与服务器进行通信。
异步的概念?
指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步。
异步的作用?
其优势在于不阻塞程序的执行,从而提升整体执行效率。
ajax的核心?
xmlhttprequest,简写xhr,xml可扩展标记语言,http超文本传输协议,request请求。xmlhttprequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页。xmlhttprequest 对象提供了对 http 协议的完全的访问,包括做出 post 和 head 请求以及普通的 get 请求的能力。xmlhttprequest 可以同步或异步返回 web 服务器的响应,并且能以文本或者一个 dom 文档形式返回内容。它可以接收任何形式的文本文档,是 ajax 的 web 应用程序架构的一项关键功能。
前文说到xmlhttprequest可以接收任何形式的文档,那么就不得不提到在网络传输中常用的两个数据格式。
两种常用的数据格式xml和json?
xml:
xml的定义:可扩展标记语言,是一种用于标记电子文件使其具有结构性的标记语言。
xml的规范:
1、必须有一个根元素
2、不可有空格、不可以数字或.开头、大小写敏感
3、不可交叉嵌套
4、属性双引号(浏览器自动修正成双引号了)
5、特殊符号要使用实体
6、注释和html一样
虽然可以描述和传输复杂数据,但是其解析过于复杂并且体积较大,所以实现开发已经很少使用了。
xml使用步骤简述:
由于xml是dom对象,可以直接dom方法,
1、var xml=xhr.responsexml;获取xml(php给的接口)
2、var items=xml.queryselector('item');获取xml的文档结构
3、字符串拼接
3.1、初始化var html='';
3.2、遍历for(){获取数据var item=item[i],}拼接html+='标签+数据'
4、渲染document.queryselector('tbody').innerhthml=html
json:
json定义:javascript object notation,另一种轻量级的文本数据交换格式,独立于语言。
json的规范:
1、数据在名称/值对中
2、数据由逗号分隔(最后一个健/值对不能带逗号)
3、花括号保存对象方括号保存数组
4、使用双引号
json的跨语言解析:
json数据在不同语言进行传输时,类型为字符串,不同的语言各自也都对应有解析方法,需要解析完成后才能读取。
1、php解析方法
数组转json字符 json_encode->$json_array = json_encode($array);
json字符转成数组 json_decode->$array_json = json_decode($json_array);
2、javascript 解析方法
字符串转对象parse->var jsonobj=json.parse(jsonstr);
对象转字符串stringify->var jsonstr=json.stringify(jsonobj);
tips:json兼容处理引用json2.js
xmlhttprequest中的事件监听onreadystatechange?
以上这篇ajax应用中必须要掌握的重点知识(分享)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: 抖音app里面的道具在哪里?抖音短视频怎么加道具?
下一篇: asp.net mvc验证码类使用