我們已經(jīng)介紹了如何在 JavaScript 中、以及通過(guò) Jayrock 在 .NET Framework 中使用JSON 標(biāo)準(zhǔn)，接下來(lái)我們來(lái)看一個(gè)關(guān)于在何處以及如何應(yīng)用這些知識(shí)的實(shí)際示例。考慮 ASP.NET 2.0 的客戶端腳本回調(diào)功能。

JSON 標(biāo)準(zhǔn)可簡(jiǎn)化 web 瀏覽器向 ASP.NET 頁(yè)面（或向頁(yè)面中的特定控件）發(fā)出帶外調(diào)用的過(guò)程。在典型的回調(diào)情形中，瀏覽器中的客戶端腳本將數(shù)據(jù)打包并回送到 web 服務(wù)器，由服務(wù)器端方法進(jìn)行某些處理。從服務(wù)器收到響應(yīng)數(shù)據(jù)后，客戶端會(huì)用它來(lái)更新瀏覽器顯示。

注意 可在《MSDN 雜志》的文章JSON 標(biāo)準(zhǔn)“ASP.NET 2.0 中的腳本回調(diào)”中找到更多信息?？蛻舳嘶卣{(diào)情形中的難題在于，客戶端和服務(wù)器只能來(lái)回運(yùn)送一個(gè)字符串。因此，待交換的信息必須在發(fā)送前從本機(jī)內(nèi)存中的表示形式轉(zhuǎn)換為字符串，然后在收到后從字符串分析回本機(jī)內(nèi)存中的表示形式。

ASP.NET 2.0 中的客戶端腳本回調(diào)功能不要求進(jìn)行交換的數(shù)據(jù)使用特定字符串格式，也不提供在本機(jī)內(nèi)存中和字符串表示之間進(jìn)行轉(zhuǎn)換的任何內(nèi)置功能；開發(fā)人員可以依據(jù)所選擇的數(shù)據(jù)交換格式來(lái)實(shí)現(xiàn)轉(zhuǎn)換邏輯。#t#

以下示例說(shuō)明了如何在客戶端腳本回調(diào)情形中將 JSON 用作數(shù)據(jù)交換格式。特別是，該示例由 ASP.NET 頁(yè)面組成，此頁(yè)面使用 Northwind 數(shù)據(jù)庫(kù)中的數(shù)據(jù)，以下拉列表形式提供類別列表；選定類別中的產(chǎn)品則顯示在項(xiàng)目符號(hào)列表中（請(qǐng)參見圖 3）。每當(dāng)客戶端更改下拉列表時(shí)，將發(fā)生回調(diào)并傳入***元素為選定 CategoryID 的數(shù)組。

注意 我們傳入的是包含選定 CategoryID 作為其***元素的數(shù)組（而不僅僅是 CategoryID），因?yàn)?JSON 標(biāo)準(zhǔn)要求任何 JSON 文本都必須有對(duì)象或數(shù)組作為其根。當(dāng)然，客戶端不需要向服務(wù)器傳遞 JSON 文本，在此示例中本來(lái)可以只將選定的 CategoryID 作為字符串進(jìn)行傳遞。

但是，我們想要演示在回調(diào)的請(qǐng)求和響應(yīng)消息中發(fā)送 JSON 文本。Page_Load 事件處理程序的以下代碼配置了 Categories DropDownList Web 控件，以便在它發(fā)生更改時(shí)調(diào)用 JSON 標(biāo)準(zhǔn)函數(shù)，并傳遞選定的下拉列表值。如果傳入的下拉列表值大于零，此函數(shù)會(huì)初始化客戶端腳本回調(diào)：

// Add client-side onchange event to drop-down list  
Categories.Attributes["onchange"] = "Categories_onchange(this);";  
// Generate the callback script  
string callbackScript = ClientScript.GetCallbackEventReference(  
/* control        */ this,   
/* argument       */ "'[' + categoryID + ']'",   
/* clientCallback */ "showProducts",   
//* context        */ "null");  
// Add the Categories_onchange function  
ClientScript.RegisterClientScriptBlock(GetType(),  
"Categories_onchange", @"  
function Categories_onchange(sender)  
{  
clearResults();  
var categoryID = sender.value;              
if (categoryID > 0)  
{  
" + callbackScript + @"  
}  
}", true);