老师,我用Vue模拟的服务器?
用Vue,没有用webserver,怎么得到的responseText是这样的呢?
<template>
<div>
</div>
</template>
<script>
//1.封装通用的xhr对象,兼容各个版本
function createXHR(){
if(typeof XMLHttpRequest != 'undefined'){ //现代浏览器,把XMLHttpRequest作为本地对象实现
return new XMLHttpRequest();
}else if(typeof ActiveXObject != 'undefined'){
var xhrArr=['Microsoft.XMLHTTP','MSXML2.XMLHTTP.6.0','MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP.2.0'];
var len=xhrArr.length,xhr;
for(var i=0;i<len;i++){
try{
xhr=new ActiveXObject(xhrArr[i]);
break;
}
catch(ex){
}
}
return xhr;
}else{
throw new Error('No XHR object available.')
}
}
//创建XMLHttpRequest对象
var xhr=createXHR();
console.log(xhr);
//3.响应xhr对象状态变化的函数
xhr.onreadystatechange=function(){
if(xhr.readyState===4){
if((xhr.status>=200 && xhr.status<300) || xhr.status===304){
console.log(xhr.responseText);
}
}
}
//2.创建请求
xhr.open("get","./slider.json",true);
//4.发送请求
xhr.send(null);
</script>
正在回答 回答被采纳积分+1
出现的原因可能是同学的vue配置导致访问不到具体的slider.json文件,虽然请求的数据接口设置的是./slider.json,但是数据响应到的是整个ajax.vue,另外,按照同学的写法,老师这边会报错,提示slider.json文件找不到。一般我们会把json文件放在static文件夹下,老师的测试环境是:
结果:
建议同学按照这种方式测试一下哦,另外,说明一点哦,这里不是不能使用vue环境,只是vue环境比较复杂,涉及到很多文件之间的配置以及关联,同学你是有vue基础的,所以可以实现,但是对于其他学习这个课的小伙伴儿来说,是没有vue基础的,所以推荐使用webserver服务器进行测试,比较简单易懂。
希望可以帮到你!
- 参与学习 人
- 提交作业 467 份
- 解答问题 4826 个
本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星