前端jsonp跨域请求json数据

作者: lihao_李浩 | 来源:发表于2018-02-27 10:58 被阅读0次

jsonp的方式请求数据需要与后端约定好返回的数据格式形如：callback({"a":123})
callback是前端的一个方法括号里面的{"a":123}为前端想要的json数据

下面写一个前后端的例子

服务端：

var express = require('express');
var app = express();

app.get('/getData',function(req,res){
    var json = {
        abc:123
    };
    res.send("callback("+JSON.stringify(json)+")");
})

app.listen(3002,function(){
    console.log('run 3002');
})

前端页面：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">
    function callback(json){
        console.log(json);
    };
    
    var el = document.createElement('script');
    el.src = 'http://192.168.2.35:3002/getData';
    document.body.appendChild(el);
</script>
</body>
</html>