登录 | 注册

优就业Ajax教程-Ajax和JSON基础

首页 > Web前端 > Ajax 2016-05-11 09:23:55 浏览次 共 条评论

收藏赞(分享

Ajax (核心是XMLHttpRequest对象)

1、XMLHttpRequest对象:

request=new XMLHttpRequest() 支持Firefox opera Safari 等级别以上的浏览器

xmlhttp=new ActiveXobject('Msxml2.XMLHTTP') 支持IE6+

xmlhttp=new ActiveXobject('Microsoft.XMLHTTP')支持IE6+

2、XMLHttpRequest对象的三大属性:

2.1、onreadystatechange 存储处理服务器的响应的函数

2.2、readyState 存储服务器的响应状态信息

五个值:0:请求未初始化

1:服务器连接已建立

2:请求已发送

3:请求处理中,但是没有响应

4:请求已完成,且响应已就绪

2.3、responseText 获取由服务器返回的数据

3、请求发送服务器的方法

1、open()

参数:GET/POST 表明HTTP方法

URL 规定服务器端脚本路径

true/false 是否异步请求

2、send() 将请求发送到服务器端

例:

request.open("GET","test.txt",true);

request.onreadystatechange=functiin(){

if(request.redyState==4){

//从服务器获取数据的代码,并做相应处理

alert(request.responseText);

}

}

request.send(null);

JSON

1、语法法则:

1.1、数组(Array)用方括号(“[]”)表示。

1.2、 对象(Object)用大括号(”{}”)表示。 -

1.3、名称/值对(name/value)组合成数组和对象。

1.4、名称(name)置于双引号中,值(value)有字符串、数值、布尔值、null、对象和数组。 -

1.5、并列的数据之间用逗号(“,”)分隔

例:{

"name": "Geoff Lui", "age": 26

}

2、JSON 和 XML

JSON 常被拿来与 XML 做比较,因为 JSON 的诞生本来就多多少少要有取代 XML 的意思。相比 XML,JSON 的优势如下:

2.1、没有结束标签,长度更短,读写更快

2.2、能够直接被 JavaScript 解释器解析

2.3、可以使用数组

例:

JSON:

{

"name": "Geoff Lui", "age": 26, "friends": ["Lily", "Lucy", "Gwen"]

}

XML:

Geoff Lui

26

Lily

Lucy

Gwen

3、 JSON 解析和生成

在 JavaScript 中,有两个方法与此相关: JSON.parse 和 JSON.stringify 。

<script>

var str = '{"name": "Geoff Lui","age": 26}';//字符串

var obj = JSON.parse(str);//传入字符串

console.log(obj);//输出结果

var jsonstr = JSON.stringify(obj);//把转换好的对象生成json语法规则的字符串

console.log(jsonstr);//输出

</script>

更多知识干货分享,尽在IT优就业

更多精彩可微信搜索公众号【优就业】。

免责声明:本文来源于博客园,由网友提供或网络搜集,仅供个人研究、交流学习使用,不涉及商业盈利目的。如有版权问题,请联系本站管理员予以更改或删除。优知网会定期发布Web前端相关趋势文章,包括 Web标准 HTML5 CSS JS JQuery Ajax 网页特效 等领域,敬请关注!

分享到
人收藏5 收藏
 
我要评价
相关文章
优就业Ajax教程-AJAX工作原理及其优缺点
优就业Ajax教程-AJAX工作原理及其优缺点
AJAX并不神秘:揭密各种AJAX控件和类库
AJAX并不神秘:揭密各种AJAX控件和类库
使用AJAX技术的十大理由
使用AJAX技术的十大理由
Ajax status状态说明
Ajax status状态说明
 
 

咨询中心

优就业微信扫一扫
微信扫一扫

400-650-7353

加入官方微博