码迷,mamicode.com
首页 > Web开发 > 详细

关于ajax访问express服务器的跨域问题

时间:2018-03-06 15:35:58      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:script   status   对象   访问   创建对象   type   log   简单   ready   

在学习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

 

关于ajax访问express服务器的跨域问题

标签:script   status   对象   访问   创建对象   type   log   简单   ready   

原文地址:https://www.cnblogs.com/czy960731/p/8514504.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!