javascript - JSONP- "Uncaught SyntaxError: Unexpected token"

Question

在解释我的问题之前，我想说明一下，我对 jsonp 很天真。这实际上是我第一次尝试使用 JSONP。

我正在使用 jquery ajax 调用从网站中提取数据。

我的 jquery 代码如下

$.fn.checkTPS = function(){

    return this.each(function(){
        var interval;

        $(this).on('keyup', function() {
            var api_key = 'asdfasfsadfsadfsad';
            var format = 'json';
            var username = 'dame@example.co.uk';

            var self = $(this);
            var selfValue;
            var feedback = $('.tps-feedback');

            if(interval === undefined){

                interval = setInterval(function(){

                    if(selfValue !== self.val()) {

                        selfValue = self.val();

                        if (selfValue.length > 9){
                            $.ajax({
                                url: 'https://www.selectabase.co.uk/api/v1/tps/' + selfValue + '/',
                                type: 'get',
                                dataType: 'jsonp',
                                data: {
                                    format: format,
                                    username: username,
                                    api_key: api_key
                                },
                                success: function(data) {
                                    console.log(data);
                                },
                                error: function() {

                                },
                                jsonp: 'jsonp'
                            });
                        }
                    }
                },3000);
            }
        });
    });
};

我想提供来自 selectabase.co.uk 的服务，根据他们的说法，这就是我应该如何使用该服务 https://www.selectabase.co.uk/api/v1/tps/[number]/?format=json&username=[username]&api_key=[api key]

当我使用 ajax 发送请求时，我收到此错误 Uncaught SyntaxError: Unexpected token : 单击时会打开{"ctps": false, "number": "1452500705", "resource_uri": "/api/v1/tps/01452500705/", "tps": false} 顺便说一下我想要的但不知道这个错误是什么 unexpected token :

我从 inspect element 选项卡中复制了以下链接(您可以看到下图)我认为这是由 json https://www.selectabase.co.uk/api 生成的调用/v1/tps/01452500705/?jsonp=jQuery17102731868715648129_14120077325500&format=json&username=dame40example.co.uk&api_key=asdfasfsadfsadfsad&_=14120077325500

我从 chrome 中的 inspect element > source tab 复制了下面的链接。我想我应该添加一个图像来正确描述我从哪里复制了这个 json 数据和链接。

我希望我已经成功地传达了我的信息...如果您有任何想法，请帮助我需要添加什么...问候

Answer 1

查询字符串中的 format=json 应该是 format=jsonp。服务器正在使用 JSON 进行回复，但您期待的是 JSONP 响应。但是我不知道他们支持format=jsonp，这只是一个猜测。

或者，如果该服务器支持 CORS并允许来自您的来源的请求，您可以改为处理 JSON(只需从 ajax 调用中删除 dataType: "json" )。请注意，这将要求用户使用 properly supports CORS 的浏览器，而 IE8 和 IE9 则没有。 (它们支持 CORS，但不通过普通的 XMLHttpRequest 对象，这是 jQuery 不会为您解决的浏览器不一致问题。不过，如果您搜索，您可以找到可以处理它的“插件”或类似的东西。)