在学习es6的时候用promise封装了一个ajax
<script type="text/javascript">
function getNews(URL) {
let promise = new Promise((resolve,reject)=>{
//状态初始化
//执行异步任务
let xmlHttp = new XMLHttpRequest();//创建对象
console.log(xmlHttp.readyState);//初始状态 为0 一步一步变为4
// 绑定监听
xmlHttp.onreadystatechange = ()=>{
if(xmlHttp.readyState === 4) {//请求成功
if (xmlHttp.status == 200) {
console.log(xmlHttp.responseText);
//修改状态
resolve(xmlHttp.responseText);
} else {//请求失败
reject(`暂时没有新闻`);
}
}
}
// open 设置请求的方式及url
xmlHttp.open('GET',URL);
xmlHttp.send();
});
return promise;
}
getNews('http://localhost:3000')
.then(data=>{
console.log(data);
},err=>{
console.log(err);
})
</script>
用express写了个简单个服务器路由,端口3000,但是一直报错,原来是不能跨域,后来在网上找解决办法,看网上加了好多头,我只加了报错的哪一个就可以了,如下
let express = require('express');
let app = express();
app.get('/',(req,res)=>{
res.header("Access-Control-Allow-Origin", "*");
res.send('123');
})
app.listen(3000);
最后在浏览器端可以看到返回的123