发布于 4年前

前端jsonp跨域请求json数据

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');
})
前端页面:

<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>
©2020 edoou.com   京ICP备16001874号-3