javascript - json可以获取,但是浏览器报错,求大神们解答
本文介绍了javascript - json可以获取,但是浏览器报错,求大神们解答的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>json实战</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);
}![图片描述][2]
</script>
</html>
解决方案
不能直接 appendChild(字符串)
裡面接受的參數是 Node
,所以要改成
var info = document.createElement('li');
info.textContent = jsonObj.name
document.getElementById("myDiv").appendChild(info);
这篇关于javascript - json可以获取,但是浏览器报错,求大神们解答的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文