AJAX读取JSON格式数据

旁边的手

浏览: 67132 次
性别:
来自: 北京

最近访客更多访客>>

toptong

Gr0wth

天使在堕落

itace

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JSON

Ajax json Microsoft prototype HTML

紧接上篇，也对AJAX读取JSON格式数据，做了个测试，一句话，感觉就是超棒了。

首先，我们随意写个JSON格式的数据文件user.txt

{
     userName: "nihao",
     sex: "male",
     age: "23"
}

下面我们写个AJAX用到一个基本的ajax.js文件一般这里我们这个文件分别写出来。

function createXMLHttpRequest() {
    var req;
         if (window.XMLHttpRequest) {
	    req = new XMLHttpRequest();
	}else if (window.ActiveXObject) {
	    req = new ActiveXObject("Microsoft.XMLHTTP");
	}
	return req;
}

另外，我们导入一个Ajax的资源文件prototype1.6.js，在结束时我上传给大家。

然后，我们建个主页面来jsontest.html测试下AJAX读取JSON格式的数据。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <!-- 导入两个js文件 -->
    <script type="text/javascript" src="./ajax.js"></script>
    <script type="text/javascript" src="./prototype1.6.js"></script>
    <title>jsontest.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=GB18030">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

    <script type="text/javascript">
        var req = createXMLHttpRequest();
	    function startRequest(){
		    try{
		        req.onreadystatechange = handleStateChange;
		        req.open("GET", "user.txt", true);
		        req.send(null);    
		    }catch(exception){
		        alert("");
		    }  
	    }
		function handleStateChange(){    
	    	if(req.readyState == 4){        
	       		 if (req.status == 200 || req.status == 0){
		            // 取得返回字符串
		            var resp = req.responseText;
		            // 构造返回JSON对象的方法
		            var func = new Function("return " + resp);
		            // 得到JSON对象
		            var json = func( );
		            // 显示返回结果
		            alert("userName: " + json.userName + " " + "sex: " + json.sex + " " + "age: " + json.age);
	              }
	         }
	     }	    
    </script>
  </head>  
  <body>
    <div>
        <input type="button" value="json's value"
                onclick="startRequest();" />
    </div>
  </body>
</html>

试运行结果，大家自己去调试了，在浏览器里输入http://localhost:8080/jsontest/jsontest.html即可了。

最后，给大家上传AJAX的一个js资源文件prototype1.6.js

prototype1.6.rar (26.4 KB)
描述: AJAX的一个js资源文件prototype1.6.js
下载次数: 706

分享到：

XML数据岛技术 | JSON数据格式化

2008-08-23 09:28
浏览 4725
评论(4)
论坛回复 / 浏览 (4 / 25048)
查看更多

4 楼 sjsky 2009-06-10

var resp = req.responseText; // 构造返回JSON对象的方法 var func = new Function("return " + resp); // 得到JSON对象 var json = func( ); 
 
可以直接用：var json = eval('(' + req.responseText+ ')');

3 楼 zz520 2009-03-06

中文出不来,是为什么?

2 楼 lookdd1 2009-03-06

大哥。。你都引了prototype了.. 还自己写啥

function createXMLHttpRequest() {
    var req;
         if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
    }else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return req;
}

啊

1 楼 liuzhaodong89 2009-03-06

刚刚好要用到json，谢啦

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论