请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

转换成json对象报错

图片描述
js代码

const xhr = new XMLHttpRequest()
xhr.open('GET', '/data/test.json', true)
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            console.log(xhr.responseText)
            alert(xhr.responseText)
        } else if (xhr.status === 404) {
            console.log('404 not found')
        }
    }
}
xhr.send(null)

xhr.responseText打印出来是这样子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
		<p style="width: 100%;text-align: center;font-size: 140px;height: 40px;">404</p>
		<p style="width: 100%;text-align: center;font-size: 40px;">Page Not Found</p>
		<!-- p style="width: 100%;text-align: center;font-size: 18px;">访问<a href="http://www.dcloud.io" target="_blank">DCloud官网</a>或<a href="http://ask.dcloud.net.cn" target="_blank">社区</a></p> -->
		

	<script>document.write('<script src="//' + (location.host || 'localhost').split(':')[0] + ':35929/livereload.js?snipver=1"></' + 'script>')</script><script>document.addEventListener('LiveReloadDisconnect', function() { setTimeout(function() { window.location.reload(); }, 500); })</script></body>
</html>

正在回答 回答被采纳积分+3

2回答

双越 2021-02-18 16:40:59

xhr.responseText 打印的结果,是一个 404 页面的 html ,不是 json 格式,所以报错。

所以,你看下 url (即 /data/test.json)是不是存在?

0 回复 有任何疑惑可以回复我~
庚子年快乐 2021-02-18 13:29:25

首先你请求的文件里的数据需要是json格式吧!


0 回复 有任何疑惑可以回复我~
  • 提问者 江南沐小沐 #1
    是json,直接拷贝老师的文件。我运行老师的代码也是一样报这个错,xhr.responseText打印出来不是text.json里的对象
    回复 有任何疑惑可以回复我~ 2021-02-18 13:41:50
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信