AJAX读取JSON格式数据-优快云博客

:arrow: 紧接上篇，也对AJAX读取JSON格式数据，做了个测试，一句话，感觉就是超棒了。
:arrow: 首先，我们随意写个[color=red]JSON格式的数据文件user.txt[/color]

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

:arrow: 下面我们写个[color=red]AJAX用到一个基本的ajax.js文件[/color]一般这里我们这个文件分别写出来。

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

:arrow: 另外，我们导入一个[color=red]Ajax的资源文件prototype1.6.js[/color]，在结束时我上传给大家。
:arrow: 然后，我们建个[color=red]主页面来jsontest.html[/color]测试下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>