用DropDownList實現Ajax無重新整理省市三級聯動中出現的錯誤

目標：用服務端控制項DropDownList實現Ajax無重新整理省市三級聯動

省：<asp:DropDownList ID="ddlProvince" runat="server"  EnableViewState="false"></asp:DropDownList>
市：<asp:DropDownList ID="ddlCity" runat="server"  EnableViewState="false"></asp:DropDownList>
區：<asp:DropDownList ID="ddlCounty" runat="server"  EnableViewState="false"></asp:DropDownList>

 

做法：

頁面載入時首先載入“省”的資料，然後給市和區分別加上“請選擇”的項，用JQuery的$.post()方法順利的實現了AJax無重新整理省市聯動

 

問題：

但是發現在頁面提交的時候後台讀取不了DropDownList的值，而且提示出錯：

 

回傳或回調參數無效。在配置中使用 <pages enableEventValidation="true"/> 或在頁面中使用 <%@ Page EnableEventValidation="true" %> 啟用了事件驗證。出於安全目的，此功能驗證回傳或回調事件的參數是否來源於最初呈現這些事件的伺服器控制項。如果資料有效並且是預期的，則使用 ClientScriptManager.RegisterForEventValidation 方法來註冊回傳或回調資料以進行驗證。

 

在網上找了一下，發現很多人都遇到這種問題，有人列出了以下方法：

1、在頁面的<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 中添加 EnableEventValidation="false" 就可以了。
2、是Form嵌套，一個頁面只能有一個Form，仔細檢查代碼就可以解決。
3、如果頁面含有 DropDownList 或 ListBox這樣的控制項，可能以下原因造成：
3.1 在下拉式功能表中使用ajax，常見於省市聯動菜單，可能是由於在aspx頁面賦給了下拉式功能表初始Item值，在事件回傳時提示該錯誤，將下拉式功能表初始Item值刪除，在綁定事件中添加Item項。
3.2 原因是 DropDownList 控制項的ListItem 的Value 屬性 包含漢字.只要將Value 改為英文或數位就行了.最好在web.config中添加如下語句:
<globalization requestEncoding="utf-8" responseEncoding="utf-8" culture="zh-CN" uiCulture="zh-CN"/>因為 POSTBACK 如果不採用 UTF-8 編碼， JAVASCRIPT 會認為有問題。
只改 requestEncoding="utf-8" 就可以了，responseEncoding="utf-8" 不用
4、Register For Event Validation
其原理就是讓asp.net記錄這個postback value.
RegisterForEventValidation必須在render時調用.

但是試了以上的幾種方法都不可用

第一種方法加了EnableEventValidation="false"後，頁面不提示錯誤了，但是後台依然讀取不了DropDownList的資料

 

最後解決方案：

（把DropDownList改為用戶端Html控制項select，然後用Ajax儲存，肯定不會有錯誤，但是這裡表單有很多需要提交的資料，所以不考慮用用戶端Html控制項）

1、在頁面的<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 中添加 EnableEventValidation="false"；

2、在頁面添加隱藏欄位<input type="hidden" id="inputCity" runat="server" />，然後用JS將DropDownList選擇後的值賦值給隱藏欄位，

這樣後台就可以通過 inputCity.Value 來讀取到隱藏欄位的值，也就是省市選擇的值了