jquery getJSON没有响应,但直接访问确实如此

时间:2012-12-01 04:15:43

标签: jquery node.js

我正在将我的工作从旧环境迁移到新环境。我正在用更新的代码更新过时的代码,它似乎运行良好(我的web服务用node.js编写)

我使用jquery在node.js和我的网站上运行我的web服务。 node.js代码

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

app.get('/', function(req, res){
    console.log('GET request to /');
});

app.listen(8888);
console.log('Express server started on port 8888');

这是我的jquery代码

$.getJSON('http://URL:8888/getTables', function(data){
    //stuff
});

然而在萤火虫中,控制台显示:

"http://URL.com:8888/getTables 200 OK 64ms"

没有回复

如果我直接去网站     “http://URL.com:8888/getTables” 我得到了我的数据。

任何想法发生了什么?我将保持Web服务的运行,以便您可以看到我在说什么。

正在使用它的网站是http://www.URL.com/db/index.html

编辑:

  app.get('/getTables', function(req, res){
     console.log('GET request to /getTables');
     getTables(req, res);
     sendJSON(res, 200, cache_tables);
  });

function sendJSON(res, httpCode, body)
{
  var response = JSON.stringify(body);
  res.send(response, {'Access-Control-Allow-Origin': '*'}, httpCode);
}

更新

我找到了我的解决方案,感谢让我知道我的问题是跨域的,我认为我的sendJSON处理它但是因为我升级nodejs和模块它可能已经过时了。以下是那些想知道的解决方案:

//Middleware: Allows cross-domain requests (CORS)
var allowCrossDomain = function(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  next();
}

//App config
app.configure(function() {
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.bodyParser());
  app.use(express.cookieParser());
  app.use(express.session({ secret: 'secret' }));
  app.use(express.methodOverride());
  app.use(allowCrossDomain);
  app.use(app.router);
  app.use(express.static(__dirname + '/public'));
});

我必须更新我的所有使用内容:

 app.get('/', function(req, res, next){
   console.log('GET request to /');
 });

1 个答案:

答案 0 :(得分:1)

这是因为你在另一个端口上运行服务器所以它被认为是x-domain。您可以将其设置为使用JSONP

这个问题更详细How do I send an AJAX request on a different port with jQuery?

这是另一篇关于COR http://www.bennadel.com/blog/2327-Cross-Origin-Resource-Sharing-CORS-AJAX-Requests-Between-jQuery-And-Node-js.htm

的详细信息

[以下评论更新]

我发现了一个帖子,其中有一个示例设置,用于使用express来提供jsonp,希望这会有所帮助......

http://kiwidev.wordpress.com/2011/07/18/node-js-expressjs-and-jsonp-example/

该帖子的代码示例如下:

表达应用

var express = require('express');

var app = module.exports = express.createServer();

app.configure(function(){
    app.set('views', __dirname + '/views');
    app.set('view engine', 'jade');
    app.use(express.bodyParser());
    app.use(express.methodOverride());
    app.use(app.router);
    app.use(express.static(__dirname + '/public'));
});

app.get('/logget', function(req, res){
    console.log('get to log');
    console.log(req.query.callback);
    console.log(req.param('somedata'))

    res.header('Content-Type', 'application/json');
    res.header('Charset', 'utf-8')  
    res.send(req.query.callback + '({"something": "rather", "more": "pork", "tua": "tara"});');  
});

app.listen(3000);
console.log("Express server listening on port %d in %s mode", app.address().port, app.settings.env);

访问它的HTML页面

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

                     $.ajax({
                        dataType: 'jsonp',
                        data: "somedata=blahblah",                      
                        jsonp: 'callback',
                        url: 'http://localhost:3000/logget?callback=?',                     
                        success: function(data) {
                            console.log('success');
                            console.log(data);
                            console.log(data.more);                
                        }
                    });
                });             
            });
        </script>
    </head>
    <body>
        <div id="jsonThing"><a href="#" id="jsonThingLink">test jsonp</a></div>    
    </body>
</html>