Question

我正在练习jquery承诺，我的演示代码中发生了一些奇怪的事情。我的代码所做的是当我点击按钮然后它从服务器接收一个简单的json数据。我使用两个jquery promise，一个是done()，第二个是fail()。当我点击按钮时，它从服务器接收数据，但done()未执行数据，则通过fail()显示在控制台中。为什么以及如何解决这个问题？以下是我的代码

jquery的

        var Obj = function () {
            return {
                gets: function (successHandler, errorHandler) {
                    console.log('hello');
                    return $.ajax({
                        url: '/server.php',
                        dataType: 'JSON',
                        type: 'GET'
                    });
                }
            }
        };

        $('.button').on('click', function () {
            var obj = new Obj();
            var promise = obj.gets();

            promise.done(function (data) {
                console.log(data);
            });

            promise.fail(function (e) {
                console.log(JSON.stringify(e)); //this logs below
            });

输出

{"readyState":4,"responseText":"<?php\n$response = array('oranges', 'apples', 'berries');\nexit(json_decode($response));","status":200,"statusText":"OK"}

这是我的PHP代码

$response = array('oranges', 'apples', 'berries');
exit(json_decode($response));

Answer 1

return $.ajax({
   url: '/server.php'
   dataType: 'JSON',
   ...

BUT

"responseText":"<?php\n$response = array ...

jQuery需要JSON，但服务器会提供PHP来源。因此抛出了解析异常，Deferred被拒绝并且.fail()被调用。

jquery承诺的问题

1 个答案: