Jquery跨域获得Json时invalid label错误的解决办法

JQuery在跨域获取JSON时，可能会遇到invalid label错误。这是因为JSONP技术是通过在请求中添加callback参数，然后在服务端的响应中返回一些JavaScript代码来实现的。但如果服务端在响应中返回的数据格式不是正确的JavaScript对象，就会导致这个错误的产生。

下面是解决这个问题的方法：

方法一：使用jsonpCallback参数

在使用JQuery的$.ajax()方法时，可以在参数中指定jsonpCallback来解决这个问题。jsonpCallback是一个特殊的回调函数，它会被服务端的响应数据调用。通过在$.ajax()方法中指定jsonpCallback，服务端就能够正确地返回JSONP格式的响应数据。同时，也需要在服务端的代码中，正确地设置响应头中的Content-Type。

$.ajax({
    url: 'http://example.com/jsonp',
    dataType: 'jsonp',
    jsonpCallback: 'myCallback',
    success: function(data) {
        console.log(data);
    }
});

在服务端的代码中，需要将响应头中的Content-Type设置为‘application/javascript’，并在返回的响应数据中，调用指定的回调函数。

var callback = req.query.jsonpCallback;
res.setHeader('Content-Type', 'application/javascript');
res.send(callback + '(' + JSON.stringify(data) + ')');

方法二：使用代理服务器

如果服务端的响应数据格式无法更改，并且无法使用jsonpCallback参数时，也可以使用代理服务器的方法来解决这个问题。代理服务器是一个第三方服务器，它可以帮助我们在服务端和客户端之间进行数据交互。

下面是一个使用Node.js编写的代理服务器的示例代码：

var request = require('request');

app.get('/proxy', function(req, res) {
    var url = req.query.url;
    request(url, function(error, response, body) {
        if (!error && response.statusCode == 200) {
            res.setHeader('Content-Type', 'application/json');
            res.send(body);
        }
    });
});

在客户端的代码中，需要将请求的URL改为代理服务器的地址，同时在查询参数中传递要获取的JSON数据的URL。

$.ajax({
    url: 'http://example.com/proxy?url=http://example.com/data.json',
    dataType: 'json',
    success: function(data) {
        console.log(data);
    }
});

在代理服务器的代码中，需要接收来自客户端的请求，并将请求转发给服务端。当收到服务端的响应时，代理服务器再将响应转发给客户端。这样，就能够避免跨域访问产生的invalid label错误。