如何在更新其他选项卡后刷新JQuery UI选项卡

Question

我有两个jquery UI标签。在第一个选项卡上，我有一个表单，我有jquery ajax提交。第二个选项卡显示属于第一个选项卡的数据。我需要在任何ajax调用后重新加载第二个选项卡。视图标记如下所示

<div id="tabs">
 <ul>
     <li><a href="#tabs-1">Member Sites </a></li>
     <li><a href="#tabs-2">Services and Packages</a></li>
 </ul>
   <div id="tabs-1">
       @Html.Partial("_MemberSites")
   </div>
   <div id="tabs-2">
      @Html.Action("somemethod", new { @id = @Model.MemberNumber })
   </div>
</div>

和ajax调用是

 $.ajax({
        type: "POST",
        url: "/somecontroller/somemethod",
        content: "application/html; charset=utf-8",
        data: {passing  some data},
        success: function (data) {
        window.location.reload(true);
        },
        error: function (xhr, textStatus, errorThrown) {
        }
    });

window.location.reload(true)正在运行，但它会重新加载整个页面，看起来不太好看。那么我们是否可以在不使用重载方法的情况下刷新第二个选项卡？感谢

Answer 1

如果要返回的数据属于第二个选项卡，则可以尝试此操作。

success: function(data) {
 $('#tabs-2').html(data);
}

希望这会有所帮助。