jquery - 发布数据 JQuery UI 选项卡 1.10

Question

我刚刚从JQ UI 1.8.23切换到1.10。对于这个版本，ajaxOptions已被弃用，现在ui.ajaxSettings已被弃用而是使用。

这就是我的代码的样子:

$( "#tabs" ).tabs({
        ajaxOptions: {
            type : 'POST',
            data : 'format=html',
            error: function( xhr, status, index, anchor ) {
                $( anchor.hash ).html(
                    "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                    "If this wouldn't be a demo. " );
            },
            success: function() { 
                *Something in here*
            }
        }
    });

一切都很好。现在新代码:

$( "#tabs" ).tabs({
         beforeLoad: function( event, ui ) {
             ui.ajaxSettings.type = 'POST';
             ui.ajaxSettings.data = 'format=html';
             ui.jqXHR.error(function() {
                 ui.panel.html(
                 "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                 "If this wouldn't be a demo." );
                });  
             ui.jqXHR.success(function(){
*something in here*
                });
        }
    });

因此，我需要将此数据 format=html 发布到我的服务器，但在新版本中，发送到服务器的发布变量为空。没有任何内容发送到服务器。另外，如果我想在我的 php 脚本 中获取 POST 变量，则数组为空。顺便说一句，我正在使用 ZEND 。我需要通过 POST 发送它 - 没有办法解决它。

感谢您的帮助

Answer 1

如果您查看 jQuery.ajax 的源代码，在第 486 行，您将看到它将数据添加到 url 中。然后在第 532 行，它调用 beforeSend 方法，该方法触发 jQuery UI 选项卡中的 beforeLoad 事件。

所以你需要做的就是修改 url 而不是数据:

$( "#tabs" ).tabs({
    beforeLoad: function( event, ui ) {
        ui.ajaxSettings.type = 'POST';
        ui.ajaxSettings.url += ( /\?/.test( ui.ajaxSettings.url ) ? "&" : "?" ) + 'format=html';
        ui.jqXHR.error(function() {
            ui.panel.html(
                "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                "If this wouldn't be a demo." );
        });  
        ui.jqXHR.success(function(){
            *something in here*
        });
    }
});