<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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">
function createXMLHttpRequest() {
var req;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
}else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
return req;
}
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"
οnclick="startRequest();" />
</div>
</body>
</html>
user.txt文件
{
userName: "nihao",
sex: "male",
age: "23"
}