blog.TangGaowei.com

存档: 2006年05月

用Ajax读取JSON格式的数据

作者 Neot 写于 2006-05-27  | 3,772 次浏览

  用Ajax读取JSON格式的数据,也需要先用XMLHttpRequest对象的responseText属性读取,然后再用Function构造返回JSON对象的方法,能过方法创建JSON对象。代码如
下:
1、Client - helloworld.htm

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”
>
<html>
<head>
<title>Ajax Hello World</title>
<script type=”text/javascript”>
var xmlHttp;

function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject(”Microsoft.XMLHTTP”);
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}

function startRequest(){
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open(”GET”, “data.txt”, true);
xmlHttp.send(null);
}catch(exception){
alert(”您要访问的资源不存在!”);
}
}

function handleStateChange(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
// 取得返回字符串
var resp = xmlHttp.responseText;
// 构造返回JSON对象的方法
var func = new Function(”return “+resp);
// 得到JSON对象
var json = func( );
// 显示返回结果
alert(”JSON’s value: ” + json.info + “(” + json.version + “v)”);
}
}
}
</script>
</head>
<body>
<div>
<input type=”button” value=”return ajax JSON’s value”
onclick
=”startRequest();” />
</div>
</body>
</html>
2、Server - data.txt

{
info: “hello world!”,
version: “2.0″
}

附源码:JOSN.rar

[ 标签: ajax ]
[ 固定链接:http://blog.tanggaowei.com/2006/05/ajaxjson.html ]

用Ajax读取XML格式的数据

作者 Neot 写于 2006-05-27  | 2,000 次浏览

  用Ajax读取XML格式的数据,只需要读取XMLHttpRequest对象返回的responseXML属性即可。代码如下:

1、Client - helloworld.htm

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”
>
<html>
<head>
<title>Ajax Hello World</title>
<script type=”text/javascript”>
var xmlHttp;

function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp
= new ActiveXObject(Microsoft.XMLHTTP);
}
else if(window.XMLHttpRequest){
xmlHttp
= new XMLHttpRequest();
}
}

function startRequest(){
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange
= handleStateChange;
xmlHttp.open(
GET, data.xml, true);
xmlHttp.send(
null);
}
catch(exception){
alert(
您要访问的资源不存在!);
}
}

function handleStateChange(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
// 取得XML的DOM对象
var xmlDOM = xmlHttp.responseXML;
// 取得XML文档的根
var root = xmlDOM.documentElement;
try
{
// 取得<info>结果
var info = root.getElementsByTagName(’info’);
// 显示返回结果
alert(responseXML’s value: + info[0].firstChild.data);
}
catch(exception)
{

}
}
}
}
</script>
</head>
<body>
<div>
<input type=”button” value=”return ajax responseXML’s value”
onclick
=”startRequest();” />
</div>
</body>
</html>
2、Server - data.xml

<?xml version=”1.0″ encoding=”GB2312″ ?>
<root>
<info>hello world!</info>
</root>

附源码:responseXML.rar

Update1:
在 IE 读取XML格式数据时,代码必需在服务器才能运行,本地可能无权访问返回的XML对象。

[ 标签: ajax ]
[ 固定链接:http://blog.tanggaowei.com/2006/05/ajaxxml.html ]

用Ajax读取Text格式的数据

作者 Neot 写于 2006-05-27  | 1,975 次浏览

  用Ajax读取Text格式的数据,只需要读取XMLHttpRequest对象返回的responseText属性即可。代码如下:

1、Client - helloworld.htm

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”
>
<html>
<head>
<title>Ajax Hello World</title>
<script type=”text/javascript”>
var xmlHttp;

function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp
= new ActiveXObject(Microsoft.XMLHTTP);
}
else if(window.XMLHttpRequest){
xmlHttp
= new XMLHttpRequest();
}
}

function startRequest(){
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange
= handleStateChange;
xmlHttp.open(
GET, data.txt, true);
xmlHttp.send(
null);
}
catch(exception){
alert(
您要访问的资源不存在!);
}
}

function handleStateChange(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
// 显示返回结果
alert(responseText’s value: + xmlHttp.responseText);
}
}
}
</script>
</head>
<body>
<div>
<input type=”button” value=”return ajax responseText’s value”
onclick
=”startRequest();” />
</div>
</body>
</html>


2、Server - data.txt

hello world!
附源码:responseText.rar

[ 标签: ajax ]
[ 固定链接:http://blog.tanggaowei.com/2006/05/ajaxtext.html ]

贵的比便宜的好?

作者 Neot 写于 2006-05-26  | 839 次浏览

  前段时间,我觉得去年买的枕头睡得不舒服,想再买对枕头,就去了超市。超市里面各种各样的枕头很多,让我不知所错。不会休息的人不会做事。枕头是每天睡觉必不可少的工具,一定要买个舒适的。

第一眼我看重了一个薄一点儿的。摸了摸,感觉还不错。但是,这款枕头是同样牌子里最便宜的,20多块钱。因为来之前我就想着,难得买一次枕头,一定要买最舒服的。所以,我开始犹豫了。于是,我就去瞅了瞅更好的。

什么是更好的?大多数人默认应该是更贵些的吧。我也没多想,应该是更贵些的吧。为防万一,我还专门挑了一款同一牌子的,30多块钱。这款30多 块钱的枕头很高,胖呼呼的。我和老婆都一直都是用低枕头的,用这种高枕头,会不会反面睡不舒服呢?我看了看其它比较贵的枕头,也都很高。而且,我看到换的 这款高的,包装上写着“舒适款”。可能高的真的会更舒适吧,我对自己说。就这样,我居然说服自己,冒着枕头太高的风险,买了一款更贵的枕头。

结果是,枕头确实太高了。我倒是勉强可以忍受这高高的枕头。然而,我老婆可不买帐,一定不肯枕这么高高的枕头。她宁愿用她原来那个破破的枕头。

失败呀!这是我有生以来,买得最失败的一次商品了。原因就是,太相信贵的就是好的。其实,适合的才是最好的。

[ 标签: 无 ]
[ 固定链接:http://blog.tanggaowei.com/2006/05/posts-37.html ]

庆祝杭州移动电视诞生一周年

作者 Neot 写于 2006-05-21  | 1,101 次浏览

  昨天坐公交车下班时,电视上讲“庆祝杭州移动电视诞生一周年”。我才意识到,我在公交车上看实现电视节目,已经有一年的历史了。

记得原来,公交车上的电视,只能看一些烂片或者广告。搞不为好还卡碟,真没意思。从去年开始,越来越多的公交车装上了移动电视。坐在车上就能看到实时的 电视节目。而且,还都是精选的收视率高的节目。感觉真是不错。只是要小心不要坐过站哦。有一次,我就看得太投入,结果坐过了一站。害得我又等公交车坐回 来。后来,每次坐公交车时,我都提前一站起来站到车门口。这样就不会投入地坐过站了。

想想以后发展好了,长途汽车、火车等交通工具上都装上了移动电视,那该有多好呀!

[ 标签: 杭州, 移动电视 ]
[ 固定链接:http://blog.tanggaowei.com/2006/05/posts-38.html ]

订阅

 

手机访问

http://blog.tanggaowei.com/wap/

Google