<!doctype?html>
<html>
<head>
????<meta?charset="UTF-8"?/>
????<title>json實戰(zhàn)</title>
</head>
<body>
????<ul?id="myDiv">
????????<li>111</li>
????</ul>
????<button?id="btn">加載</button>
</body>
<script?type="text/javascript">
????window.onload?=?function(){
????????var?Btn?=?document.getElementById("btn");
????????Btn.addEventListener('click',function(){
????????????chuFa();
????????})
????}
????function?chuFa()?{
????????var?myXMLHttpRequest?=?null;
????????if?(window.ActiveXObject)?{
????????????myXMLHttpRequest?=?new?ActiveXObject("Microsoft.XMLHTTP");
????????}?else?{
????????????myXMLHttpRequest?=?new?XMLHttpRequest();
????????}
????????var?url?=?"http://192.168.1.35:8860/helloJson.json";
????????var?data?=?"key=val";?
????????myXMLHttpRequest.open("get",?url,?true);
????????myXMLHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
????????myXMLHttpRequest.onreadystatechange?=?function(){
????????????if?(myXMLHttpRequest.readyState?==?4?&&?myXMLHttpRequest.status?==?200)?{
????????????????var?res?=?myXMLHttpRequest.responseText;
????????????????var?jsonObj?=?eval("("+res+")");
????????????????for(var?i=0;?i?<?jsonObj.length;?i++){
????????????????????var?info?=?"<li>"+?jsonObj.name?+"</li>";
????????????????????document.getElementById("myDiv").appendChild(info);
????????????????}
????????????}????????
????????}
????????myXMLHttpRequest.send(data);
????}
</script>
</html>
為什么會報錯?
Joy_Sang
2016-06-30 15:12:34