ajax请求不显示响应

我有一个nodejs应用程序发送带有标题的响应application/json。客户端发出http ajax请求并获得200 OK状态。我也能够查看来自Rest Client的json响应。ajax请求不显示响应

但是我在用户界面上看不到任何响应。请让我知道我出错的地方。

在我的Firefox的Firebug控制台：

Connection:keep-alive 
Content-Length:30 
Content-Type:application/json; charset=utf-8 
Date:Wed, 15 Jun 2016 12:13:34 GMT 
ETag:W/"1e-p2J1WXSidVD0/pV2ACqLcQ" 
X-Powered-By:Express 
Request Headers 
view source

节点js代码：

var express = require('express'); 
var app = express(); 
app.get('/button', function (req, res) { 
    res.set('Content-Type', 'application/json'); 
    res.send('{"name":"<input type=button>"}'); 
    res.end("response sent"); 
}) 
var server = app.listen(8081, function() { 
    var host = server.address().address 
    var port = server.address().port 
    console.log("Example app listening at http://%s:%s", host, port) 
})

在客户端：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Login Form</title> 
    <script type="text/javascript" src="js/loginDemo.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
</head> 
<body onload="loadPage()"> 
    <div id="loginForm"> 
    </div> 
    </body> 
</html>

在剧本方面：

$.get("http://172.28.88.28:8081/button", 
function(data, status){ 
    alert("Data: " + data + "\nStatus: " + status); 
}, function(err){ 
    alert('error > '+err); 
});

来源

2016-06-15 zilcuanu

添加客户端上的错误处理程序并查看它是否被触发 – epascarello

添加了错误处理程序，甚至没有进入错误块。 – zilcuanu

那么如何在客户端触发Ajax调用？ – epascarello

同源策略 - 我相信是你的问题...我在你的代码中看到你正在使用端口8081是你的请求来自同一个域，同一个协议和同一个端口（8081）？ ... https://en.wikipedia.org/wiki/Same-origin_policy 如果不添加代码以显示在您的Ajax请求的错误...你不会看到在网络选项卡这个错误... 试试这个在您的代码：

// Website you wish to allow to connect 
res.setHeader('Access-Control-Allow-Origin', 'http://yourClientAddress:8081'); 

// Request methods you wish to allow 
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); 

// Request headers you wish to allow 
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type'); 

// Set to true if you need the website to include cookies in the requests sent 
// to the API (e.g. in case you use sessions) 
res.setHeader('Access-Control-Allow-Credentials', true);

来源

2016-06-15 12:32:08

ajax请求不显示响应

回答

相关问题