使用 jQuery 选项卡时 ViewState 无效-解网

问：

我有一个相当简单的页面，其中包含一组jQuery选项卡，其中一些选项卡的内容是通过ajax调用的。我在标题的母版页中也有一个搜索框。

当我打开选项卡式页面时，搜索框工作正常。但是，一旦我单击了其中一个ajax选项卡，搜索框就无法使用“无效的视图状态”黄色死屏。

我相信这是因为ajax页面正在用自己的输入替换隐藏的输入。__VIEWSTATE

我怎样才能阻止这种行为？

更新：我注意到YSOD只出现在IE和Chrome中，Firefox似乎没有同样的问题。虽然浏览器如何影响 ViewState，但我不确定。

更新：我在这里放置了一个显示问题的网站的精简版本：http://dropbox.com/s/7wqgjqqdorgp958/stackoverflow.zip

C# jQuery asp.net 视图状态 jquery-tabs

你的问题是，通过你的ajax调用，你带来了一个完整的页面。包括标签及其 .如果您从中删除标签，您将看到一切正常。asp.net 不知道如何在一个页面中处理两个标签。隐藏字段也是如此。您无法通过 ajax 引入完整的 aspx 页面。只需带上您想要显示的内容，您就可以开始了。ASPXFormViewstateFormajaxTab.aspxFormViewstateDiv

0赞 Yuriy Rozhovetskiy 4/11/2013 #3

这种行为的原因是，您异步获取页面的内容，并将其粘贴到另一个 aspx 页面中。因此，您将获得两个带有名称的隐藏字段实例，当页面回发到服务器时，它们的值会混合在一起（可能取决于浏览器在提交时如何处理具有相同控件的多个控件）。要解决此问题，您可以将第二个选项卡的内容放入框架中：ajaxTab.aspx__VIEWSTATEname

 <div id="tabs">
      <ul>
           <li><a href="#tabs-1">Default Tab</a></li>
           <li><a href="#tabs-2">ajax Content</a></li>
      </ul>
      <div id="tabs-1">
           <p>
                To replicate the error:
                <ul>
                     <li>First use the search box top right to search to prove that code is ok</li>
                     <li>Then click the second ajax tab, and search again.</li>
                     <li>N.B. Chrome / IE give a state error, Firefox does not</li>
                </ul>
           </p>
      </div>
      <iframe id="tabs-2" src="ajaxTab.aspx" style="width:100%;" ></iframe>
 </div>

另外，我不确定，但这似乎是控件中的错误。在我看来，方法必须重构如下：Web_UserControls_searchNavBarSearchItemNoSearchItem_OnClick

protected void NavBarSearchItemNoSearchItem_OnClick(object sender, EventArgs e)
{
    var searchFieldTbx = NavBarSearchItemNo;
    var navBarSearchCatHiddenField = NavBarSearchCatHiddenField;

    var term = searchFieldTbx != null ? searchFieldTbx.Text : "";

    if (term.Length > 0) //There is actually something in the input box we can work with
    {
        //Response.Redirect(Url.GetUrl("SearchResults", term));
        Response.Redirect(ResolveClientUrl("~/Web/SearchResults.aspx?term=" + term + "&cat=" + navBarSearchCatHiddenField.Value));
    }
}

请注意，我们在重定向到搜索结果页面时解析客户端 url，而不是用作参数。navBarSearchCatHiddenFieldnavBarSearchCatHiddenField.Valuecat

使用 jQuery 选项卡时 ViewState 无效

Invalid ViewState when using jQuery tabs

评论

评论

评论