BlogJava-憨厚生-随笔分类-ajax

readyState的五种状态详解【转】

二胡 — Mon, 07 Jun 2010 01:19:00 GMT

【转】http://www.cnblogs.com/myssh/archive/2009/12/18/1627368.html

在《Pragmatic AJAX中文问题 A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍，感觉这个介绍很实在，摘译如下：

0: (Uninitialized) the send( ) method has not yet been invoked.
1: (Loading) the send( ) method has been invoked, request in progress.
2: (Loaded) the send( ) method has completed, entire response received.
3: (Interactive) the response is being parsed.
4: (Completed) the response has been parsed, is ready for harvesting.

0 －（未初始化）还没有调用send()方法
1 －（载入）已调用send()方法，正在发送请求
2 －（载入完成）send()方法执行完成，已经接收到全部响应内容
3 －（交互）正在解析响应内容
4 －（完成）响应内容解析完成，可以在客户端调用了

对于readyState的这五种状态，其他书中大都语焉不详。像《Foundations of AJAX中文问题》中，只在书中的表2-2简单地列举了状态的“名称”－－The state of the request. The five possible values are 0 = uninitialized, 1 = loading, 2 = loaded, 3 = interactive, and 4 = complete。而《Ajax in Action》中好像根本就没有提到这5种状态的细节。《Professional AJAX中文问题》中虽不尽人意，但还是有可取之处：

There are five possible values for readyState:
0 (Uninitialized): The object has been created but the open() method hasn’t been called.
1 (Loading): The open() method has been called but the request hasn’t been sent.
2 (Loaded): The request has been sent.
3 (Interactive). A partial response has been received.
4 (Complete): All data has been received and the connection has been closed.

readyState有五种可能的值：
0 (未初始化)： (XMLHttpRequest)对象已经创建，但还没有调用open()方法。
1 (载入)：已经调用open() 方法，但尚未发送请求。
2 (载入完成)：请求已经发送完成。
3 (交互)：可以接收到部分响应数据。
4 (完成)：已经接收到了全部数据，并且连接已经关闭。

在《Understanding AJAX中文问题: Using JavaScript to Create Rich Internet Applications》中，则用下表进行了说明：

readyState Status Code	Status of the `XMLHttpRequest` Object
(0) UNINITIALIZED 未初始化	The object has been created but not initialized. (The `open` method has not been called.) （XMLHttpRequest）对象已经创建，但尚未初始化（还没有调用open方法）。
`(1) LOADING 载入`	The object has been created, but the `send` method has not been called. （XMLHttpRequest）对象已经创建，但尚未调用send方法。
`(2) LOADED 载入完成`	The `send` method has been called, but the status and headers are not yet available. 已经调用send方法，（HTTP响应）状态及头部还不可用。
`(3) INTERACTIVE 交互`	Some data has been received. Calling the `responseBody` and `responseText` properties at this state to obtain partial results will return an error, because status and response headers are not fully available. 已经接收部分数据。但若在此时调用responseBody和responseText属性获取部分结果将会产生错误，因为状态和响应头部还不完全可用。
`(4) COMPLETED 完成`	All the data has been received, and the complete data is available in the `responseBody` and `responseText` properties. 已经接收到了全部数据，并且在responseBody和responseText属性中可以提取到完整的数据。

根据以上几本书中的关于readyState五种状态的介绍，我认为还是《Pragmatic AJAX中文问题 A Web 2.0 Primer 》比较到位，因为它提到了对接收到的数据的解析问题，其他书中都没有提到这一点，而这一点正是“(3)交互”阶段作为一个必要的转换过程存在于“(2)载入完成”到“(4)完成”之间的理由，也就是其任务是什么。归结起来，我觉得比较理想的解释方法应该以“状态：任务（目标）+过程+表现（或特征）”表达模式来对这几个状态进行定义比较准确，而且让人容易理解。现试总结如下：

readyState 状态	`状态说明`
`(0)未初始化`	此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。
`(1)载入`	此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。
`(2)载入完成`	此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。
`(3)交互`	此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。状态3表示正在解析数据。
`(4)完成`	此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。

概而括之，整个XMLHttpRequest对象的生命周期应该包含如下阶段：
创建－初始化请求－发送请求－接收数据－解析数据－完成

在具体应用中，明确了readyState的五个状态（XMLHttpRequest对象的生命周期各个阶段）的含义，就可以消除对Ajax核心的神秘感（语焉不详的背后要么是故弄玄虚，制造神秘感；要么就是“以其昏昏，使人昭昭”），迅速把握其实质，对减少学习中的挫折感和增强自信心都极其有益。

比如，通过如下示例：


//声明数组
var states ＝ [“正在初始化……”,
“正在初始化请求……成功！
正在发送请求……”,
“成功！
正在接收数据……”,
“完成！
正在解析数据……”,
“完成！
”];
//回调函数内部代码片段
if (xmlHttp.readyState==4)
{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);
if (xmlHttp.status == 200)
{
var xmldoc = xmlHttp.responseXML;
//其他代码
}
//别忘记销毁，防止内存泄漏
xmlHttp = null;
}else{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);
}

结果如下：

正在初始化请求……成功！
正在发送请求……成功！
正在接收数据……完成！
正在解析数据……完成！

我们很容易明白XMLHttpRequest对象在各个阶段都在做什么。因此，也就很容易对Ajax的核心部分有一个真正简单明了的理解。

本博PS：readyState一般用在异步请求时程序响应的判断，Iframe， javaScript脚本同样适用,参考另一篇文章：http://d-tune.javaeye.com/blog/506074

文章出处：http://www.cn-cuckoo.com/2007/07/16/the-details-for-five-states-of-readystate-9.html

二胡 2010-06-07 09:19 发表评论

转回忆我们经典的开发工具

二胡 — Tue, 20 Oct 2009 05:04:00 GMT

转 http://blog.csdn.net/gaoweipeng/archive/2009/10/18/4695780.aspx
平时的开发如果我们能有些得心应手的开发工具，就好比是如虎添翼。会大大的提高我们的开发效率。Visual Studio 自不必说，通过此文，和大家回忆下除此之外的经典的开发工具，同时希望能把这些经典的工具介绍给新手，相信对平日的开发会有很大的帮助。

Internet Explorer Developer Toolbar
简介：微软发布了Internet Explorer Developer Toolbar最新版.该产品让开发人员能够深入探索和理解Web页面,帮助开发者更好地创建Web应用.安装后可以在IE中快速分析网页的软件.该工具条可集成在IE窗口,或以浮动窗口形式存在.

IE Developer Toolbar特性如下:

浏览和修改Web页的文档对象模型(DOM).通过多种技术方式定位、选定Web页上的特定元素.禁止或激活IE设置.查看HTML对象的类名、 ID,以及类似链接路径、tab顺序、快捷键等细节.描绘表格、单元格、图片或选定标签的轮廓.显示图片象素、大小、路径、替代文字等.即时重定义浏览器窗口大小到800x600或自定义大小.清空浏览器缓存和cookie,被清除项可从所有对象或给定域中选择.直接访问关联W3C规范参考、IE开发组 blog或其他来源.－显示设计时标尺,帮助对齐对象. ....

HttpWatch
简介：强大的网页数据分析工具。集成在Internet Explorer工具栏。包括网页摘要。Cookies管理。缓存管理。消息头发送/接受。字符查询。POST 数据和目录管理功能。报告输出。

安装完HttpWatch后，就会在浏览器中找到他：

主界面：

下载地址：http://www.crsky.com/soft/3455.html

使用介绍：http://www.cnblogs.com/mayingbao/archive/2007/11/30/978530.html

Fiddler2

简介：Fiddler2是一个网络调试代理，用来监测本地计算机和Internet之间所有的HTTP通讯。可以监测所有的HTTP通讯，设置断点，并且可以修改到进入到本地计算机的数据和从本地计算机出去的数据（就是可以伪造数据）。Fiddler包含一个JScript .NET 事件脚本子系统（event-based scripting subsystem），可以使用任何一种.Net语言扩展。该软件是免费的，支持多种浏览器，包括Internet Explorer，Mozilla Firefox，Opera和其它一些浏览器。

从Fiddler官方网站上可以看见原版的英文介绍：http://www.fiddler2.com/fiddler2/
下载地址：http://www.fiddler2.com/fiddler2/

使用介绍：http://blog.csdn.net/lihongzhai/archive/2009/09/14/4551035.aspx

NUnit

NUnit是一个单元测试框架，专门针对于。NET来写的.其实在前面有JUnit(Java)，CPPUnit(C++)，他们都是xUnit的一员。最初它是从JUnit而来。现在的版本是2.2.接下来我所用的都是基于这个版本。

下载地址：http://www.nunit.org/index.php

使用介绍：http://www.uml.org.cn/net/200702273.asp

PowerDesigner

简介：PowerDesigner是Sybase公司的CASE工具集，使用它可以方便地对管理信息系统进行分析设计，它几乎包括了数据库模型设计的全过程。
利用PowerDesigner可以制作数据流程图、概念数据模型、物理数据模型，可以生成多种客户端开发工具的应用程序，还可为数据仓库制作结构模型，也能对团队设计模型进行控制。

主要功能：DataArchitect：这是一个强大的数据库设计工具，使用DataArchitect 可利用实体-关系图为一个信息系统。创建"概念数据模型"－CDM（Conceptual Data Model）。并且可根据CDM 产生基于某一特定数据库管理系统（例如：Sybase System 11）的"物理数据模型"-PDM(Physical Data Model)。还可优化PDM，产生为特定DBMS 创建数据库的SQL 语句并可以文件形式存储以便在其他时刻运行这些SQL 语句创建数据库。另外，DataArchitect还可根据已存在的数据库反向生成
PDM，CDM 及创建数据库的SQL脚本。
ProcessAnalyst：这部分用于创建功能模型和数据流图，创建"处理层次关系"。
AppModeler：为客户/服务器应用程序创建应用模型。
ODBC Administrator：此部分用来管理系统的各种数据源。

下载地址：http://www.baidu.com/s?tn=sitehao123&bs=PowerDesigner&f=3&wd=powerdesigner%CF%C2%D4%D8&oq=powerdesigner&rsp=0 ：)

使用介绍： http://www.cnblogs.com/yxonline/archive/2007/04.html

Reflector

简介：Visual Studio内置的ILDASM成为最初挖掘程序集的上佳工具。但自从Reflector出现后，ILDASM相形见拙。因为，Reflector能提供更多的程序集信息。Reflector可以将.NET程序集中的中间语言反编译成C#或者Visual Basic代码。除了能将IL转换为C#或Visual Basic以外，Reflector还能够提供程序集中类及其成员的概要信息、提供查看程序集中IL的能力以及提供对第三方插件的支持。

下载地址： /Files/gaoweipeng/Reflector.rar

使用介绍及其他相关下载：http://www.cnblogs.com/zzy2740/archive/2005/09/20/240216.html

1st JavaScript Editor

简介： 1st JavaScript Editor 是一款强大的JavaScript开发、校验和调试工具，它简单易用，不论你是初学者或者是专业的开发人士，都可以轻松上手！同时它又是完美的Ajax (Asynchronous JavaScript and XML),CSS, HTML, DOM DHTML开发工具！它提供了简单而且实用的功能：丰富的代码编辑功能(JavaScript, HTML, CSS, VBScript, PHP ,ASP(Net))，语法高亮，内置预览功能，提供了完整的HTML 标记, HTML 属性, HTML 事件, JavaScript 事件和JavaScript 函数等完整的代码库，同时有着贴心的代码自动补全功能。

官网及下载地址：http://yaldex.com/

Regulator

简介：使用Reglator可以方便的验证正则表达式的执行结果，带有智能感知功能。帮助文档是一个很好的学习正则的入门教程，也可以当作参考手册。基本上就全了，同时进行学习和实践。还有生成c# or vb.net代码等附加功能。类似的软件现在很多：RegexBuddy ，RegexTester。等

下载地址：http://sourceforge.net/projects/regulator/

使用介绍：http://www.ctochina.net/topic/ShowArticle/112.html

小结：上面的开发工具都是我平时喜欢用的，希望通过此文的介绍，对没有使用过的朋友带来帮助。也希望园子中的朋友们秀一秀自己平时常用的开发工具，分享些更实用，方便的开发工具！

二胡 2009-10-20 13:04 发表评论

关于ajax应用中session过期问题的几个解决方案

二胡 — Wed, 08 Jul 2009 12:52:00 GMT

        现在web开发中，ajax应用的比较多。关于此方面的框架也不少。在应用中都会遇到session过期
的问题，如处理不当会影响用户体验，也有可能产生莫名的问题。
        结合自己的思考和网上相关内容的参考，给出如下解决方案。每个方案都有不同的优缺点，欢迎
大家指正。
     方案1:检查AJAX返回的返回的内容是否有标签
           在web系统中，当session过期时，当用户有操作的时候，此时系统一般会返回登陆界面。
           让用户重新输入用户名和密码。当session过期的时候，AJAX请求返回的内容应该是登陆界面的页面
          内容(即登陆界面的页面的html代码)。通过判断返回内容是否用来判断session是否过期。
     var result=request.responseText;/* ajax返回的内容*/

     if(result.indexOf('')>-1){/*返回内容中有html标签*/}
     或者
     var r=//ig;
     if(r.test(result)){/*返回内容中有html标签*/}
     通过上面的方法可以判断session是否过期，然后根据具体的业务进行异常处理。

     方案2：返回的结果中有session是否过期的标志。也有人称为true/false模式
                   此解决方案一般结合json使用。
     如返回的结果是:
        var res={
             "result":true,/*session没有过期,false(session过期)*/
             "data" :""/*其它数据*/
                     }
     if(res["result"])
     {
          /*session没有过期*/
     }else{
         /*session过期*/
     }

     方案3：利用时间戳
     在页面上搞个全局变量
     var startDate; /*ajax最近一次访问服务器的时间,Date类型*/
     if(new Date().getTime()-startDate.getTime()<30*60*1000)
     {
           /*假设session过期的时间30分钟*/
           /*session没有过期*/
     }else{
           /*session过期*/
     }
     哈哈！Do not trust the client

    方案4:延长session过期时间
             此方案有性能问题
          4.1：延长session过期时间
          4.2：client轮循server。(AJAX轮循server或client，server保持长连接)

二胡 2009-07-08 20:52 发表评论

转 XMLHttpRequest().readyState的五种状态详解

二胡 — Mon, 04 May 2009 09:03:00 GMT

转 http://javathinker.blog.ccidnet.com/blog-htm-itemid-1262479-do-showone-type-blog-uid-36384.html

在《Pragmatic AJAX中文问题 A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍，感觉这个介绍很实在，摘译如下：

0: (Uninitialized) the send( ) method has not yet been invoked.
1: (Loading) the send( ) method has been invoked, request in progress.
2: (Loaded) the send( ) method has completed, entire response received.
3: (Interactive) the response is being parsed.
4: (Completed) the response has been parsed, is ready for harvesting.

0 －（未初始化）还没有调用send()方法
1 －（载入）已调用send()方法，正在发送请求
2 －（载入完成）send()方法执行完成，已经接收到全部响应内容
3 －（交互）正在解析响应内容
4 －（完成）响应内容解析完成，可以在客户端调用了

对于readyState的这五种状态，其他书中大都语焉不详。像《Foundations of AJAX中文问题》中，只在书中的表2-2简单地列举了状态的“名称”－－The state of the request. The five possible values are 0 = uninitialized, 1 = loading, 2 = loaded, 3 = interactive, and 4 = complete。而《Ajax in Action》中好像根本就没有提到这5种状态的细节。《Professional AJAX中文问题》中虽不尽人意，但还是有可取之处：

There are five possible values for readyState:
0 (Uninitialized): The object has been created but the open() method hasn’t been called.
1 (Loading): The open() method has been called but the request hasn’t been sent.
2 (Loaded): The request has been sent.
3 (Interactive). A partial response has been received.
4 (Complete): All data has been received and the connection has been closed.

readyState有五种可能的值：
0 (未初始化)： (XMLHttpRequest)对象已经创建，但还没有调用open()方法。
1 (载入)：已经调用open() 方法，但尚未发送请求。
2 (载入完成)：请求已经发送完成。
3 (交互)：可以接收到部分响应数据。
4 (完成)：已经接收到了全部数据，并且连接已经关闭。

在《Understanding AJAX中文问题: Using JavaScript to Create Rich Internet Applications》中，则用下表进行了说明：

readyState Status Code
Status of the XMLHttpRequest Object
(0) UNINITIALIZED
未初始化 The object has been created but not initialized. (The open method has not been called.)
（XMLHttpRequest）对象已经创建，但尚未初始化（还没有调用open方法）。
(1) LOADING
载入 The object has been created, but the send method has not been called.
（XMLHttpRequest）对象已经创建，但尚未调用send方法。
(2) LOADED
载入完成 The send method has been called, but the status and headers are not yet available.
已经调用send方法，（HTTP响应）状态及头部还不可用。
(3) INTERACTIVE
交互 Some data has been received. Calling the responseBody and responseText properties at this state to obtain partial results will return an error, because status and response headers are not fully available.
已经接收部分数据。但若在此时调用responseBody和responseText属性获取部分结果将会产生错误，因为状态和响应头部还不完全可用。
(4) COMPLETED
完成 All the data has been received, and the complete data is available in the responseBody and responseText properties.
已经接收到了全部数据，并且在responseBody和responseText属性中可以提取到完整的数据。

根据以上几本书中的关于readyState五种状态的介绍，我认为还是《Pragmatic AJAX中文问题 A Web 2.0 Primer 》比较到位，因为它提到了对接收到的数据的解析问题，其他书中都没有提到这一点，而这一点正是“(3)交互”阶段作为一个必要的转换过程存在于“(2)载入完成”到“(4)完成”之间的理由，也就是其任务是什么。归结起来，我觉得比较理想的解释方法应该以“状态：任务（目标）+过程+表现（或特征）”表达模式来对这几个状态进行定义比较准确，而且让人容易理解。现试总结如下：

readyState 状态
状态说明

(0)未初始化
此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。

(1)载入
此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。

(2)载入完成
此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。

(3)交互
此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。状态3表示正在解析数据。

(4)完成
此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。

概而括之，整个XMLHttpRequest对象的生命周期应该包含如下阶段：
创建－初始化请求－发送请求－接收数据－解析数据－完成

在具体应用中，明确了readyState的五个状态（XMLHttpRequest对象的生命周期各个阶段）的含义，就可以消除对Ajax核心的神秘感（语焉不详的背后要么是故弄玄虚，制造神秘感；要么就是“以其昏昏，使人昭昭”），迅速把握其实质，对减少学习中的挫折感和增强自信心都极其有益。

比如，通过如下示例：

//声明数组
var states ＝ [“正在初始化……”,
“正在初始化请求……成功！
正在发送请求……”,
“成功！
正在接收数据……”,
“完成！
正在解析数据……”,
“完成！
”];

//回调函数内部代码片段
if (xmlHttp.readyState==4)
{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);

if (xmlHttp.status == 200)
{
var xmldoc = xmlHttp.responseXML;
//其他代码
}

//别忘记销毁，防止内存泄漏
xmlHttp = null;
}else{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);
}结果如下：

正在初始化请求……成功！
正在发送请求……成功！
正在接收数据……完成！
正在解析数据……完成！

我们很容易明白XMLHttpRequest对象在各个阶段都在做什么。因此，也就很容易对Ajax的核心部分有一个真正简单明了的理解。

二胡 2009-05-04 17:03 发表评论

转 FireBug 调试JS入门 —如何调试JS

二胡 — Thu, 16 Apr 2009 01:14:00 GMT

转 http://www.blogjava.net/vincent/archive/2009/04/14/265591.html

安装就不用说了，很简单，在FireFox上插件库里找到FireBug就Ok了。下图是FireBug Debug 窗口。

     FireBug美工用的非常普遍，公司美工妹妹用的非常熟练呵呵，而对于我们开发人员，主要用它来Debug JS。看看官方对Debug功能的介绍。
Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.
      简而言之，FireBug 可以让我们在任何时候debugJS 并查看变量，同时可以通过它找出JS中性能瓶颈。
      下图是如何找到Web应用的JS，激活Firebug，点Script，然后在All 旁边选择你要Debug的JS。

下图是如何打断点基本跟Eclipse一样，点击行号就Ok了。

下图是如何在断点上设定条件，如果条件符合，就进入断点，这个功能很不错，特别是Debug很复杂的Function时候。

下图是如何单步调试，跟Eclipse一样 F11单步

下图是查看调用的Stack，对以复杂的JS Debug很有帮助。

下图是查看变量基本跟EclipseDebug 一样。

下图是在断点处查看变量。

有个很好用的功能，代码行之间快速调转，使得对上千行的JS调试很轻松。

下图就是Performance 测试结果，使用很简单点Profile

还有一个Log功能比较实用，看下图如果你不想每次都进入断点，用这个就再好不过了。

基本用法就这些了，希望对大家有帮助。

二胡 2009-04-16 09:14 发表评论

json入门(2) json在服务器端的应用

二胡 — Thu, 11 Sep 2008 00:24:00 GMT

son入门(2) json在服务器端的应用

   在上文中说了json应用的一个简单过程。在本文中详细说一个json在服务器端的应用。
   json在服务器端应用大致分为2类：
   1，接受并解析客户端发送给服务器的json数据
   2，服务器向客户端发送json数据

   下面分别说一下这2方面的应用：
   1,接受并解析客户端发送给服务器的json数据
   如果客户端发送给服务器的数据是 {name:'hello',obj:['age','13']}

   服务器端程序如下：
   package com.test;
   import org.json.JSONArray;
   import org.json.JSONException;
   import org.json.JSONObject;
   /*+++++++++++++++++++++++++++++++++++++++++++++++++
    +@author lzh
    +Description:
    +Copyright:Copyright 2008 HULIZHONG
    +Author:lzh(hulizhong2008@163.com)
    +History:
   ++++++++++++++++++++++++++++++++++++++++++++++++++*/
   public class JSONHandler {
public void parseJSON(String jsonStr) throws Exception{
     //参数jsonStr的值为{name:'hello',obj:['age','13']}
  String name=null,age=null;
  JSONObject jSONObject=new JSONObject(jsonStr);

  name=(String)jSONObject.get("name");
  //name的值应是hello
  age=((JSONObject)jSONObject.get("obj")).get("age");
  //age的值应是13
}
}

上面的程序就完成了服务器端对客户端发送json数据的解析工作，再获取name,age值后，即可进行其它业务逻辑处理！

2，服务器向客户端发送json数据
     package com;

     import javax.servlet.http.HttpServletResponse;
     import org.json.JSONObject;
     /*+++++++++++++++++++++++++++++++++++++++++++++++++
      +@author lzh
      +Description:
      +Copyright:Copyright 2008 HULIZHONG
      +Author:lzh(hulizhong2008@163.com)
      +History:
     ++++++++++++++++++++++++++++++++++++++++++++++++++*/
    public class JSONResponse {
      public void jsonResponse(HttpServletResponse response) throws Exception {
  //向客户端发送数据:{name:'hello',obj:['age','13']}
  JSONObject obj1 = new JSONObject();
  JSONObject obj2 = new JSONObject();
  obj2.put("age", "13");
  obj1.put("name", "hello");
  obj1.put("obj", obj2);

  response.setHeader("Cache-Control", "no-cache");
  response.setContentType("text/plain");
  response.setCharacterEncoding("UTF-8");
        //obj1.toString()即为{name:'hello',obj:['age','13']}
  response.getWriter().print(obj1.toString());
}
   }
   上述代码即为完成了服务端向客户端发送json数据的解析工作,客户端在接受{name:'hello',obj:['age','13']}数据后
   根据具体业务要求进行数据处理

   参考:
   www.JSON.org：访问 JSON Web 站点来进一步了解这种数据格式，包括到几种 JSON API 实现的链接
下载附件:
   /Files/hulizhong/json.pdf

二胡 2008-09-11 08:24 发表评论

json入门(1)

二胡 — Tue, 02 Sep 2008 11:15:00 GMT

json入门(1)
     json是JavaScript Object Notation的简称；在web系统开发中与AJAX相结合用的比较多。
在ajax中数据传输有2中方式：文本类型，常用responseText属性类获取；XML类型，常用responseXML属性来获取
返回文本类型，处理起来比较简单，处理XML在前台处理比较麻烦；但是在系统开发中返回简单的文本类型常不能满足
需求，返回XML在前台处理起来又比较复杂；
     在此情况下，用json处理起来就比较方便；关于json和XML的优缺点比较，网上说的比较多，在此我就谈写自己在使用
过程中的感受：XML权威不可否认，但是在前台页面处理复杂，不能版本的浏览器实现XML的解析方式也有所差别；json在这
方面有优势，json就是利用javascrpt语言的特性，把从服务器端返回的字符串转换成js对象；
     在javascrpt中可以用如下方式定义对象：
      var obj={name:"hello world"};
      等价与
      var s="{name:'hello world'}";
      var obj=eval("("+s+")");

      如果要获取name属性的值，只需调用obj["name"]即可。如果服务器端返回的是hello world，则要取的name属性
的值就复杂的多；如果返回的XML格式的数据再复杂些，处理起来更麻烦。而json就是把服务器端返回的文本数据，在前台利用
javascript语言的特性，把文本数据转换成js对象；
      如下：
      服务器端：
      server.jsp

      <%@ page language="java" pageEncoding="UTF-8"%>








    <%
      response.setContentType("text/html;charset=utf-8");
   response.getWriter().write("{name:'hello word',obj:{age:11}}");
    %>

   客户端:
   client.html
   不相关的代码省略不写了
   var strResult = objXMLReq.responseText;
   变量strResult的数值就是"{name:'hello word',obj:{age:11}}";
   利用javascrpt语言的特性:
   strResult=eval("("+strResult+")");
   这样strResult就转换成了js对象了;
   如果你要获取name和age的数值，只需要：
   var name=strResult["name"];
   var age=strResult["obj"]["age"];
   比处理XML数据要方便的多;

   文笔不好，请大家见量！json相关内容回陆续推出！
下载附件:
   /Files/hulizhong/json.pdf

二胡 2008-09-02 19:15 发表评论

AJAX中文问题总结

二胡 — Sat, 21 Apr 2007 03:07:00 GMT

AJAX中文问题分为两大类：
   1）发送路径中的参数有中文，在服务器段接收参数值是乱码

   例如：
   var url="a.jsp?name=小李"；
   xmlHTTP.open ("post",url,true);
   解决办法：
   利用javascript的提供的escape()或encodeURI()方法
   例如：
   客户端：
   var url="a.jsp?name=小李"；
   url=encodeURI(url);
   url=encodeURI(url); //两次，很关键[具体为什么，我也不清楚]
   /********************************************/
   也有人写成var url="a.jsp?name=escape("小李")"；
   功能和encodeURI方法类似。
   /********************************************/
   xmlHTTP.setrequestheader("cache-control","no-cache");
   xmlHTTP.setrequestheader("Content-Type","application/x-www-form-urlencoded");
   xmlHTTP.setrequestheader("contentType","text/html;charset=uft-8")//指定发送数据的编码格式
   xmlHTTP.open ("post",url,true);
   服务器端：
   String name = request.getParameter("name");
          name = java.net.URLDecoder.decode(name, "UTF-8");
   2）返回来的responseText或responseXML的值中含有中文是乱码
   原因：AJAX在接收responseText或responseXML的值的时候是按照UTF-8的格式来解码的，如果服务器段发送的数据不是UTF-8的格式，那么接收responseText或responseXML的值有可能为乱码。
   解决办法：在服务器指定发送数据的格式：
   在jsp文件中：
   response.setContentType("text/text;charset=UTF-8");//返回的是txt文本文件
   或是
   response.setContentType("text/xml;charset=UTF-8");//返回的xml文件

   总结:1)ajax提交数据的格式默认为utf-8,利用javascript的提供的escape()或encodeURI()方法.在服务器端接收的时候要使用java.net.URLDecoder.decode("","UTF-8")方法进行解码.
        2)xtmlhttp 返回的数据默认的字符编码是utf-8,所以服务器要向客户端发送数据的时候,也要采用utf-8编码
          如果上述方法仍然解决不了乱码问题,那你尝试一下把jsp,htm,java文件用UTF-8编码格式保存.
        总之:前后台数据交互都采用utf-8编码就行了.
下载附件:
/Files/hulizhong/AJAX.pdf

二胡 2007-04-21 11:07 发表评论