使用ajax的时候JSON.parse(this.responseText)总是报错是怎么回事？

[weixin_43964855]

代码是这样的，users.json里面是有数据的，但一请求数据就报错
<button id="button">请求所有用户</button>


<br><br>
<h1>所有用户</h1>

<div id="users"></div>
<script>

document.getElementById('button').addEventListener('click',loadUser);
function loadUser(){
var xhr = new XMLHttpRequest();
xhr.open("GET","users.json",true);
xhr.onload = function(){
if(this.status == 200){
//console.log(this.responseText)
var users = JSON.parse(this.responseText);
var output = '';


for(var i in users){
output +='<ul>'+
'<li>'+users[i].id+'</li>'+
'<li>'+users[i].name+'</li>'

+'</ul>';
}

document.getElementById('users').innerHTML=output;
}

}
xhr.send();
}



</script>






下面是报错截图
不知道是什么情况，有没有大佬教教我这个小白

[天际的海浪]

console.log(this.responseText)输出下，看看json的格式是否正确

[weixin_43964855]

不对，也是爆同样的错，VM52:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at XMLHttpRequest.xhr.onload (ajax.html:26)提示这样 josn代码是这样的 { "id":1, "name":"李白", }, { "id":2, "name":"杜甫", }, { "id":3, "name":"白居易", }

[sha虫剂]

你从接口里面拉回来的又不是字符串，干嘛要用JSON.parse??????本就是这样的数据，再转化肯定转不动啊

[sha虫剂]

建议你先把JSON.parse去掉，直接打印一下你从接口拉回来的数据

[weixin_43964855]

用var users = this.responseText;后打印出来的直接是undefined

[天际的海浪]

引用 2 楼 weixin_43964855 的回复:

不对，也是爆同样的错，VM52:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at XMLHttpRequest.xhr.onload (ajax.html:26)提示这样 josn代码是这样的 { "id":1, "name":"李白", }, { "id":2, "name":"杜甫", }, { "id":3, "name":"白居易", }

你josn数据的格式不对，一个josn数据的根部只能有一个{}或[] 你的josn代码应该是

[{
"id":1,
"name":"李白",
},
{
"id":2,
"name":"杜甫",
},
{
"id":3,
"name":"白居易",
}]