DDR爱好者之家 Design By 杰米

AJAX是什么"color: #ff0000">异步的概念"color: #ff0000">异步的作用"color: #ff0000">AJAX的核心"color: #ff0000">两种常用的数据格式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应用中必须要掌握的重点知识(分享)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米