我正在将我的工作从旧环境迁移到新环境。我正在用更新的代码更新过时的代码,它似乎运行良好(我的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 /');
});
答案 0 :(得分:1)
这是因为你在另一个端口上运行服务器所以它被认为是x-domain。您可以将其设置为使用JSONP
这个问题更详细How do I send an AJAX request on a different port with jQuery?
的详细信息[以下评论更新]
我发现了一个帖子,其中有一个示例设置,用于使用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>