Ajax和JSON基础
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:
<root>
<name>Geoff Lui</name>
<age>26</age>
<friends>Lily</friends>
<friends>Lucy</friends>
<friends>Gwen</friends>
</root>
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>
Ajax和JSON基础的更多相关文章
- 【Java EE 学习 31】【JavaScript基础增强】【Ajax基础】【Json基础】
一.JavaScript基础增强 1.弹窗 (1)使用window对象的showModelDialog方法和showModelessDialog方法分别可以弹出模式窗口和非模式窗口,但是只能在IE中使 ...
- 快速掌握Ajax-Ajax基础实例(Ajax返回Json在Java中的实现)
(转)实例二:Ajax返回Json在Java中的实现 转自http://www.cnblogs.com/lsnproj/archive/2012/02/09/2341524.html#2995114 ...
- Ajax与Json的一些总结
Ajax与Json AJAX=异步javaScript 和XML AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新. 这意味着可以在不 ...
- JQuery处理json与ajax返回JSON实例
一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内 ...
- [Javascript,JSON] JQuery处理json与ajax返回JSON实例
转自:http://www.php100.com/html/program/jquery/2013/0905/5912.html [导读] json数据是一种经型的实时数据交互的数据存储方法,使用到最 ...
- (转)JSON基础入门
原文地址:http://kb.cnblogs.com/page/43982/ JSON 基础简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松 ...
- JSON基础知识总结
JSON基础 一.JSON简介 JSON,全称“JavaScript Object Notation(JavaScript对象表示法)”,起源于JavaScript的对象和数组.JSON,说白了就是J ...
- (转)JQuery处理json与ajax返回JSON实例
son数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法. 一.JSON的一些基础知识. JSON中对象通过 ...
- json基础教程|理解Json
一. 在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式.这一期讨论一种有用的数据格式 JavaScript Object Notation(JSON),以及如何使用它更轻松地 ...
随机推荐
- C# 循环获取目录
#region 获取目录 /// <summary> /// 获取指定文件夹下所有子目录及文件 /// </summary> /// <param name=" ...
- Android自定义radiobutton(文字靠左,选框靠右)
<RadioButton android:id="@+id/rb_never" android:layout_width="fill_parent" an ...
- Android与JavaScrip进行交互(二)
一.思路分析 经过測试发现,JS中的点击事件仅仅能写一个,假设写了多个,也仅仅会响应第一个,假设写的方法是android端的方法,在web端执行时,后台会报没有定义这种方法的错误.前台点击无响应. 所 ...
- /proc/sys/net/ipv4/下各项的意义
/proc/sys/net/ipv4/icmp_timeexceed_rate这个在traceroute时导致著名的“Solaris middle star”.这个文件控制发送ICMP Tim ...
- ios5 xcode 4.2 中 release显示编译警告或错误的解决方法
转自:http://lizi464789754.blog.163.com/blog/static/1689370852011924113245778/ 由于 iOS5 xcode4.2 引入了ARC ...
- VBA Mysql 类
Option Explicit '==================================== 声明属性 =================================Private ...
- MYSQL 分析表、检查表和优化表
1. 对表进行优化 ( 优化表主要作用是消除删除或者更新造成的空间浪费) 2. 对表进行分析(分析关键字的分布, 分析并存储MyISAM和BDB表中键的分布) 3. 对表进行检查(检查表的错误,并且为 ...
- Spring 的微内核与FactoryBean扩展机制--转载
作者:江南白衣 原文地址: http://www.blogjava.net/calvin/archive/2005/08/30/11099.html http://www.blogjava.net/c ...
- 网卡及MAC和PHY的区别
转载:http://blog.sina.com.cn/s/blog_53d7350f0100mudb.html 一块以太网网卡包括OSI(开方系统互联)模型的两个层.物理层和数据链路层.物理层定义了数 ...
- C# 之 无法嵌入互操作类型(Word 或 Excel 操作)
Microsoft.Office.Interop.Excel.Application eApp = new Microsoft.Office.Interop.Excel.ApplicationClas ...