jsonp 请求中的“未捕获的类型错误：无法读取未定义的属性‘toLowerCase’”

Question

我有一个节点服务器和另一个服务器的应用程序通过 jquery 执行 AJAX jsonp 请求以获取参数的 json 数组，但是当我请求数据时 jquery 抛出此错误：

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined 

请求已发送，我得到响应，但我无法在 javascript 客户端获取数据

节点服务器：

var my_http = require('http');


var databaseUrl = "leitordecarga"; // "username:password@example.com/mydb"
var collections = ["tables"]
var db = require("mongojs").connect(databaseUrl, collections);

var callback = [];
db.tables.find(function(err,values){
    if(err || !values){
        console.log('error');
    }else{
        values.forEach(function(value){
            callback.push(value);
        });
    }
});


my_http = require("http");  
my_http.createServer(function(request,response){  
    response.writeHeader(200, {"Content-Type": "application/json"});  
    response.write(JSON.stringify(callback));  
    response.end();  
}).listen(8080); 

客户端的Javascript：

$(document).ready(function(){
    $.ajax({
        url:'http://localhost:8080/mongo.js',
        dataType:'jsonp',
        type: "GET",
        jsonp : "callback",
        contentType: "application/jsonp",
        success: function(data){
            console.log(data);
        },
        error: function(data){
            console.log(data.getResponseHeader());
        }
    }).done(function( data ) {
        console.log(data);
    });
}); 

我使用 jquery 2.1.0 但我尝试了其他版本，但错误仍然存​​在

我的问题是如何获取成功子句中的数据

Answer 1

这种情况下的问题似乎是这一行：

console.log(data.getResponseHeader());

您不应该在没有任何参数的情况下调用 getResponseHeader。从技术上讲，错误是 jQuery 在调用 toLowerCase() 之前不检查键是否作为参数给出，但是，如果没有给出参数，实际的 getResponseHeader 实现也会抛出错误。

如果您只想返回所有响应标头，您应该使用：

console.log(data.getAllResponseHeaders())

Answer 2

JSONP 响应不同于 JSON 响应。使用 JSONP，您实际上会使用 JavaScript 代码进行响应。

所以你必须像这样修改你的代码：

首先，在脚本顶部需要 querystring 模块：

var qs = require('querystring');

然后你必须重写你的 HTTP 请求处理程序：

my_http.createServer(function(request,response){  
    var funcName = qs.parse(request.url).callback;
    response.writeHeader(200, {"Content-Type": "text/javascript"});
    response.write(funcName + '(' + JSON.stringify(callback) + ');');
    response.end();
}).listen(8080); 

您可以了解更多关于 JSONP here