JSON 异步获得

最新推荐文章于 2024-05-06 17:34:57 发布

原创最新推荐文章于 2024-05-06 17:34:57 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #JavaScript #Microsoft #HTML #ViewUI

ajax 专栏收录该内容

2 篇文章

订阅专栏

Json实例
Index.html

<html>
 <head>
 <title>AjaxTest</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", "Json.txt", true); 
  xmlHttp.send(null); 
  } catch(exception) { 
     alert("xmlHttp Fail"); 
  } 
} 
function handleStateChange() {
 if(xmlHttp.readyState == 4) { 
     if (xmlHttp.status == 200 || xmlHttp.status == 0) {
         var result = xmlHttp.responseText; 
         var json = eval("(" + result + ")");
         alert(json.user); alert(json.sex); 
      }
   }
 } 

</script> 
</head> 

  <body> 
   <div>  
     <input type="button" value="AjaxTest" onclick="startRequest();" />  
  </div>
  </body>
 </html>

Json.txt

{
"user":"cck",
"sex":"name"
}