为什么AJAX json脚本返回额外的0(零)

时间:2012-11-23 22:22:25

标签: javascript jquery ajax json jsonp

我在WordPress中有一个AJAX函数,它调用PHP函数来返回数据库中瞬态记录的值。

当我使用jQuery调用函数时,我会收到结果,但它总是会在值上附加一个0(零)。

这是我的jQuery函数:

(function($) {
    $(document).ready( function() {

        var AdvancedDashboardWidget = function(element, options)
        {
            var ele = $(element);
            var settings = $.extend({
                action: '',
                service: '',
                countof: '',
                query:   '',
                callback:''
            }, options || {});
            this.count=0;
            var url='';
            switch(settings.service)
            {
                case 'facebook':
                    if(settings.countof=='likes' || settings.countof=='talks')
                    {
                        ajaxCall(action,ele,settings);  
                    }
            }
        };

    var ajaxCall = function(action,ele,settings){
        opts = {
            url: ajaxurl, // ajaxurl is defined by WordPress and points to /wp-admin/admin-ajax.php
            type: 'POST',
            async: true,
            cache: false,
            dataType: 'json',
            data:{
                action: settings.action // Tell WordPress how to handle this ajax request
            },
            success:function(response) {
                //alert(response);
                ele.html(response);
                return; 
            },
            error: function(xhr,textStatus,e) {  // This can be expanded to provide more information
                alert(e);
                //alert('There was an error');
                return; 
            }
        };
        $.ajax(opts);
    };


        $.fn.advanceddashboardwidget = function(options)
        {
            return this.each(function()
            {
                var element = $(this);

                // Return early if this element already has a plugin instance
                if (element.data('advanceddashboardwidget')) return;

                // pass options to plugin constructor
                var advanceddashboardwidget = new AdvancedDashboardWidget(this, options);

                // Store plugin object in this element's data
                element.data('advanceddashboardwidget', advanceddashboardwidget);
            });
        };

    });
})(jQuery);

还有更多辅助函数,但这是主要的jQuery函数,它与WordPress通信并返回PHP函数的值。

问题是,如果值返回为“99”,例如它将返回为“990

这是jQuery正在调用的PHP函数:

/**
* Get Facebook Likes
*/

public function get_facebook_likes(){

    echo 99;
}

如果我将上面的内容改为return 99;,我会收到普通的0

3 个答案:

答案 0 :(得分:6)

您的函数应使用wp_send_json将PHP编码为JSON并将其发送回AJAX请求处理程序。这也将停止执行任何后续PHP,因此不需要使用exit或die。

因此,对于您的具体示例,您将使用:

/**
* Get Facebook Likes
*/

public function get_facebook_likes(){
   wp_send_json(99);
}

答案 1 :(得分:1)

这是一个老问题,但我会回答这个问题。 wp_send_json()功能可能会有所帮助,但并非总是如此。有些时候您可能无法使用此功能。比如,当您通过ajax加载帖子时,您将获得一些模板部分,您可以使用该功能。这就是为什么WordPress文档建议使用die()函数。

所以最后,你的php函数应该是这样的:

/**
* Get Facebook Likes
*/

public function get_facebook_likes() {
   echo 99;
   die();
}

答案 2 :(得分:0)

使用Firebug并查看传输和接收的实际网络数据。确定错误是来自javascript端还是PHP端。复制网络请求并将其粘贴到单独的浏览器窗口中以查看原始结果。如果它是PHP,那就追求它。如果是javascript正在做某事,请告诉我们。