ajax - 如何处理每个 jquery 选项卡的不同 json 数据？

Question

我有三个 3 (jquery) 选项卡:

• 概述
• 定价
• 目的地信息

每个选项卡都有完全不同的数据。我可以在 href 中指定一个 URL 来进行 AJAX 调用。但是，如何处理每个选项卡收到的数据(以便我可以根据上下文呈现它们)？

我应该使用 load操作数据的事件？如果是这样，我如何获取 load 事件中返回的 json 数据的句柄？

Answer 1

我对 jQuery UI 缺乏经验，但我知道您可以从 AJAX 请求中获取 JSON 格式的数据 ( here ):

$.ajax({
  url: "http://example.com/page.html",
  dataType: "json",
}).done(function ( data ) {
  // Do some stuff with the data
});

或者您可以使用jQuery.getJSON 。然后总是有jQuery.parseJSON .

编辑:据我所知，这是你能得到的最好的结果:

$(window).load(function(){
    $(function() {
        $( "#tabs" ).tabs({
            ajaxOptions: {
                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( jsonObject, status ) {
                        // Code
                },
                dataType: "json"
            }
        });
    });
});

这样，json 需要包含您正在使用的选项卡。这将是一个相当不优雅的解决方案，因为您必须打开从 json 返回的选项卡值。选项卡 API 似乎并不适合任何人自行处理显示过程。我看到其他三个选项:自己重做选项卡 API；破解 API 来完成您的任务；或者执行类似 get_tab_contents.php?tabid=someid&json=somepath

的操作