【问题标题】:How to use jsonp with node.js express如何将 jsonp 与 node.js express 一起使用
【发布时间】:2013-08-16 09:31:01
【问题描述】:

我正在尝试使用 node.js 制作三星智能电视应用程序。

在我的项目中,我想让我的应用程序与服务器 pc 通信。

根据许多网站,我可以使用“jsonp”来做到这一点。

这是我找到的客户端代码。

<html>
<head>
    <title>jsonp test</title>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>      
    <script type="text/javascript">
        $(function(){               
            $('#select_link').click(function(e){
                e.preventDefault();
                console.log('select_link clicked');

                function test(data){
                    return {"message":"ok"};
                }

                 $.ajax({
                    dataType: 'jsonp',
                    data: "data=yeah",                      
                    jsonp: 'callback',
                    url: 'http://172.20.10.3:3000/endpoint?callback=?',                     
                    success: function(data) {
                        console.log('success');
                        console.log(JSON.stringify(data));
                    }
                });
            });             
        });
    </script>
</head>
<body>
    <div id="select_div"><a href="#" id="select_link">Test</a></div>    
</body>

而且,这是我找到的服务器端代码。

app.get('/endpoint', function(req, res){
var obj = {};
obj.title = 'title';
obj.data = 'data';

console.log('params: ' + JSON.stringify(req.params));
console.log('body: ' + JSON.stringify(req.body));
console.log('query: ' + JSON.stringify(req.query));

res.header('Content-type','application/json');
res.header('Charset','utf8');
res.send(req.query.callback + '('+ JSON.stringify(obj) + ');');
});

这些代码在我的电脑(服务器电脑)上工作,但是当我在其他电脑上打开客户端页面时,它不起作用。

控制台只给我这个日志:

 X GET http://172.30.2.2:3000/endpoint?callback=jQuery11020685203080996871_1376482492523&data=yeah&_=1376482492524  

我想用jsonp来处理跨域,但是我觉得不行……

我能做些什么来解决这个问题?

请帮帮我!!

【问题讨论】:

  • 你确定对方的电脑可以连接到你的电脑(在同一个网络,可以ping等)吗?
  • @arghbleargh 感谢您的评论!!我检查了...其他人可以访问我的服务器...
  • 尝试查看网络检查器并查看请求和响应是什么。

标签: node.js express jsonp


【解决方案1】:

只需使用

res.jsonp(obj)

你可以去ExpressJS JSONP了解更多信息

【讨论】:

  • in express 是否可以通过 $.getJSON 执行此操作并在同一页面上接收 json 响应?使用 response.jsonp 执行此操作会在新页面中呈现结果
  • 不清楚您要做什么。您能否将其发布为带有详细信息的问题@user2290820
【解决方案2】:

尝试替换

res.send(req.query.callback + '('+ JSON.stringify(obj) + ');');

res.jsonp(req.query.callback + '('+ JSON.stringify(obj) + ');');

【讨论】:

  • 如果您使用 res.jsonp(),我认为您不需要将对象字符串化并用回调包装它
  • 这不安全,因为您可以通过callback URL 参数进行脚本注入。您需要先使用 js-string-escape 转义回调参数值:npmjs.com/package/js-string-escape
猜你喜欢
  • 1970-01-01
  • 2013-10-09
  • 1970-01-01
  • 1970-01-01
  • 2014-09-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-20
相关资源
最近更新 更多