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基础的更多相关文章

  1. 【Java EE 学习 31】【JavaScript基础增强】【Ajax基础】【Json基础】

    一.JavaScript基础增强 1.弹窗 (1)使用window对象的showModelDialog方法和showModelessDialog方法分别可以弹出模式窗口和非模式窗口,但是只能在IE中使 ...

  2. 快速掌握Ajax-Ajax基础实例(Ajax返回Json在Java中的实现)

    (转)实例二:Ajax返回Json在Java中的实现 转自http://www.cnblogs.com/lsnproj/archive/2012/02/09/2341524.html#2995114 ...

  3. Ajax与Json的一些总结

    Ajax与Json AJAX=异步javaScript 和XML AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新. 这意味着可以在不 ...

  4. JQuery处理json与ajax返回JSON实例

    一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内 ...

  5. [Javascript,JSON] JQuery处理json与ajax返回JSON实例

    转自:http://www.php100.com/html/program/jquery/2013/0905/5912.html [导读] json数据是一种经型的实时数据交互的数据存储方法,使用到最 ...

  6. (转)JSON基础入门

    原文地址:http://kb.cnblogs.com/page/43982/ JSON 基础简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松 ...

  7. JSON基础知识总结

    JSON基础 一.JSON简介 JSON,全称“JavaScript Object Notation(JavaScript对象表示法)”,起源于JavaScript的对象和数组.JSON,说白了就是J ...

  8. (转)JQuery处理json与ajax返回JSON实例

    son数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法. 一.JSON的一些基础知识. JSON中对象通过 ...

  9. json基础教程|理解Json

    一. 在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式.这一期讨论一种有用的数据格式 JavaScript Object Notation(JSON),以及如何使用它更轻松地 ...

随机推荐

  1. socket.io+angular.js+express.js做个聊天应用(一)

    node,express开发环境等安装如果已经搞好了. justhacker@justhacker-ThinkPad-Edge-E440:~/projects/nodejs$ express -e c ...

  2. Treeview1列表拒绝添加重复信息

    function ItemExist(Text:string;TreeView:TTreeView):Boolean; var   i: Integer; begin   Result:=False; ...

  3. iOS6 / iOS7 状态栏高度适配

    问题原因:iOS7的状态栏(status bar)不再占用单独的20px,所以假设你在iOS6上的界面布局是正常的,那么到了iOS7上就会变成以下这个样子:             左边是iOS6界面 ...

  4. C语言--enum,typedef enum 枚举类型详解

    原文:http://z515256164.blog.163.com/blog/static/32443029201192182854300/ 有改动 C语言详解 - 枚举类型 注:以下全部代码的执行环 ...

  5. 面向对象设计原则OO

    面向对象设计原则是OOPS(Object-Oriented Programming System,面向对象的程序设计系统)编程的核心,但大多数Java程序员追逐像Singleton.Decorator ...

  6. php 常用正则表达式

    判断“正浮点数”: preg_match('/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*) ...

  7. Android中this.*与*.this还有*.class的区别是什么?

    这些是java的基础知识.首先this代表本类的一个引用,this.*表示调用本类的某个方法,这个时候通常可以省略this:但在内部类中不能省略,否则编译器会认为是内部类的引用,所以要在this前加上 ...

  8. 探索 ConcurrentHashMap 高并发性的实现机制--转

    ConcurrentHashMap 是 Java concurrent 包的重要成员.本文将结合 Java 内存模型,来分析 ConcurrentHashMap 的 JDK 源代码.通过本文,读者将了 ...

  9. maven系列之一maven安装和与IDE集成

    第一部分:maven的基本信息和安装,配置  maven是一个项目构建和管理的工具,提供了帮助管理 构建.文档.报告.依赖.scms.发布.分发的方法.可以方便的编译代码.进行依赖管理.管理二进制库等 ...

  10. JavaFX(一)窗口跳转

    笔者此处不讲JavaFX的基础API,只针对笔者工作时遇到的问题进行记录与总结. 零基础的网友可以访问http://www.javafxchina.net/blog/docs/tutorial1/进行 ...