Question

我使用jQuery的getJSON方法和Extjs中的方法从服务器获取一些json数据。

Javascript代码放在服务器A上的apache2上，Web服务放在服务器A上的tomcat7上。但是当我使用主机B访问javascript时，javascript代码中的a方法调用Web服务。请求是从主机B到服务器A，对吗？

但是我收到了一个错误：

XMLHttpRequest cannot load http://192.168.5.107:8080/restful/product/all/?callback=?&_dc=1384439969320&page=1&start=0&limit=25. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://192.168.5.107' is therefore not allowed access.

我必须添加

?callback=?

到我的网址。

但是我的jQuery代码又出现了一个名为“Uncaught SyntaxError：Unexpected token：”的错误。我用Google搜索了这个，大多数人的建议是删除回调。但我必须使用它，否则我无法获取JSON数据。

这是我使用jQuery的代码：

$.getJSON('http://192.168.5.115:8080/restful/standard/id/' + id, function(data) {
        console.log('old data:\n');
        console.log(data); // use data as a generic object
        oldObj = data;
        var newObj = Object.keys(oldObj).map(function(k) {
            return { key: k, value: oldObj[k] };
        });

        console.log('new data:\n');
        console.log(newObj); // use data as a generic object
    });

甚至我添加了回调参数。 Extjs中的代码仍然是第一个错误。

这是我的Extjs代码：

// create the data store
    var store = Ext.create('Ext.data.Store', {
        model: 'Product',
        proxy: {
            type: 'ajax',
            url : 'http://192.168.5.115:8080/restful/product/all/?callback',
            reader: {
                type: 'json'
            }
        }
    });

我试图修理他三天而一无所获。我真的希望有人能帮助我解决它。

Answer 1

如果你想“尝试回调”，你必须使用'jsonp'类型的代理，而不是'ajax'。

回调参数将由代理自动添加，但您的服务器必须处理它，即使用客户端要求的实际回调名称。

This other question将为您提供客户端和服务器（在答案中）的完整示例。

我尝试从服务器获取JSON数据时出现一些错误

1 个答案: