Ajax and 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 and JSON的更多相关文章
- ASP.NET 5 - $.ajax post JSON.stringify(para) is null
JavaScript 代码: var para = {}; para.id = $("#ad-text-id").val(); para.title = $("#ad-t ...
- qt qml ajax 获取 json 天气数据示例
依赖ajax.js类库,以下代码很简单的实现了获取天气json数据并展示的任务 [TestAjax.qml] import QtQuick 2.0 import "ajax.js" ...
- ajax将json写到table中去
查询条件: <table style="width: 100%;border-collapse: collapse;" > <tr> <th styl ...
- ajax获取json对象
ajax获取json对象 ajax获取json数据,都是一个原理,设置response 的Content-Type:application/json,这样浏览器自动会解析为json对象 $result ...
- Ajax与json在前后端中的细节解惑
ajax请求JSON Thinkphp中对是否为Ajax的判断,在TP3.2开发手册中有这么一段:“需要注意的是,如果使用的是ThinkAjax或者自己写的Ajax类库的话,需要在表单里面添加一个隐藏 ...
- Ajax与Json的一些总结
Ajax与Json AJAX=异步javaScript 和XML AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新. 这意味着可以在不 ...
- ajax返回JSON时的处理方式
JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). json_encode() 该函数主要用来将数组和对象, ...
- JQuery处理json与ajax返回JSON实例
一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内 ...
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
jquery.tmpl.js 是一个模板js ,主要有2个方法 (1):$.template()方法,将一段script或者是Html编译为模板,例如 $.template('myTemplate' ...
- [Javascript,JSON] JQuery处理json与ajax返回JSON实例
转自:http://www.php100.com/html/program/jquery/2013/0905/5912.html [导读] json数据是一种经型的实时数据交互的数据存储方法,使用到最 ...
随机推荐
- Hadoop 配置好hive,第一次在conf能进入,第二次就不行了,怎么办?
问题描述: 在 Hadoop 配置好 hive 数据仓库,在conf目录下通过hive命令进入hive数据仓库,非常顺利. 但关闭终端,第二次按这种方式却显示,无次命令. 怎么办? 解决办法: 在h ...
- HashMap原理
1. HashMap概述 HashMap是基于哈希表的Map接口的非同步实现.此实现提供所有可选的映射操作,并允许使用null值和null键.此类不保证映射的顺序,特别是它不保证该顺序恒久不变. 2. ...
- js修改编辑器内容、修改iframe子页内容
$('#question-stem-uploader').on('click','',function(){ //获取编辑器内容(ke-edit-iframe: 编辑器iframe的classm名称) ...
- 在IDE中用Bing Code Search直接查找代码片段并且插入
博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:在IDE中用Bing Code Search直接查找代码片段并且插入.
- Foundation与coreFoundation的相互转换
今天在整理以前的一些琐碎知识,今天就分享一个Foundation与coreFoundation的相互转换细节问题,其中的引用计数器是需要考虑的方面. ARC 环境下,CoreFoundation框 ...
- Unity3D延迟回调的封装
最近,整理项目框架逻辑时,无意中翻到n年前封装的延迟回调管理器,就拎出来说道说道: 先说一下系统提供的几种常用的延迟回调方式: 1)Invoke(Invoke.CancelInvoke):首先需要继承 ...
- 关于RGB转换YUV的探讨与实现
最近在Android手机上使用相机识别条形码工作取得了比较理想的进展,自动识别功能基本完成,然而在手动识别指定条形码图片时遇到困难,由于Zxing开源Jar包识别图片的颜色编码式为YUV,而普通的图片 ...
- WPF combobox 圆角制作
修改ComboBox的Template, 在VS 2010或者Blend中你可以导出ComboBox的默认模板: VS2010中: 然后修改里面的模板,比如: <Window x:Class=& ...
- Maven tomcat插件配置和使用
pom.xml组态 <build> <plugins> <plugin> <groupId>org ...
- 怎样通过ajax提交数据
ajax的出现彻底改变了javascript命运,通过ajax可以直接向服务器提交数据,有两种方式: get方式,数据直接拼接在地址中 post方式,数据由data字段携带 post方式,data中是 ...