web-dev-qa-db-ja.com

node.js Expressでjsonpを使用する方法

私はサムスンのスマートTVアプリをnode.jsで作成しようとしています。

私のプロジェクトでは、サーバーPCと通信するアプリを作成したいと考えています。

多くのWebサイトによると、「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) + ');');
});

これらのコードは私のPC（サーバーPC）で機能していますが、他のコンピューターでクライアントページを開くと機能しません。

コンソールはこのログを私に与えます：

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

Jsonpを使用してクロスドメインを処理したいのですが、うまくいきません...

これを修正するにはどうすればよいですか？

助けてください!!

node.jsexpressjsonp
19
newbeeep

ただ使う

res.jsonp(obj)

あなたは行くことができます ExpressJS JSONP 詳細情報

50
Nur Rony

交換してみてください

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

と

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