介紹

一段時間以來，程序員/開發(fā)人員/架構(gòu)師面臨的比較大的挑戰(zhàn)是如何在不考慮硬件或軟件需求的情況下將數(shù)據(jù)從一個系統(tǒng)傳輸?shù)搅硪粋€系統(tǒng)。在此期間，我們看到許多技術(shù)都試圖使這一需求盡可能簡單，現(xiàn)在我們終于在JSON的幫助下實(shí)現(xiàn)了它。

JSON是JavaScript對象表 示法的首字母縮寫。Douglas Crockford在本世紀(jì)初最初指定了JSON格式。JSON的特點(diǎn)如下：

典型的JSON是這樣的：

示例1

解釋

“Name”是鍵，“Jojo”是鍵的值。同樣，“年齡”是鍵，23是鍵的值。如果您注意到值23沒有雙引號，這又證明了一點(diǎn)，JSON支持多種數(shù)據(jù)類型，其中一種是數(shù)字。除了數(shù)字和字符串，JSON支持的其他數(shù)據(jù)類型有：

布爾 數(shù)組 數(shù)字(整型、浮點(diǎn)數(shù)、定點(diǎn)數(shù)) 對象 空格 Null

上面的示例只包含一個對象的詳細(xì)信息。如果我們計劃有一個對象數(shù)組，那么存儲將是這樣的：

示例2

在示例2中，我們有一個名為“Employees”的對象數(shù)組，其中包含兩個組件“Name”和“Age”。

現(xiàn)在，我們注意到的更大的問題是如何使用ASP.NET MVC 4在web頁面上顯示JSON信息。讓我們一步一步來看看如何使用相同的方法。

我們?yōu)檫@個示例應(yīng)用程序選擇了一個基本模板，解決方案資源管理器看起來像這樣：

現(xiàn)在我們正在創(chuàng)建一個非常簡單的應(yīng)用程序，其目的是打印一條表示“歡迎JSON”的歡迎消息。為此，我們將添加一個MVC控制器和一個返回JSONResult的方法。代碼如下：

當(dāng)你運(yùn)行這個程序時，你會得到如下的輸出：

這段代碼現(xiàn)在證明我們能夠查看JSON數(shù)據(jù)，現(xiàn)在我們需要在HTML頁面上使用它，因此我們需要為它創(chuàng)建一個視圖。 在“DemoController”下，我們寫了一個名為“Index”的ActionResult方法，這個方法返回一個同名的視圖，即“Index.cshtml”。

在Index.cshtml中的HTML代碼，看起來像這樣的：

上述代碼的輸出如下所示：

現(xiàn)在，為了執(zhí)行JSON方法并在給定框內(nèi)打印消息，我們必須使用JQuery，在其中調(diào)用“getJSON”方法，在其中調(diào)用“WelcomeMessage”方法。 代碼如下所示：

單擊按鈕后，輸出如下所示：

總結(jié)

上面的例子只是為了演示如何在MVC中使用JSON。我希望這篇文章對您有所幫助，記得給我點(diǎn)個贊和關(guān)注哦!

【編輯推薦】

<div> 警惕“JavaScript疲勞”：抱歉React，不能再緊跟你的步伐了AFA技術(shù)領(lǐng)域的五大重要進(jìn)步！6款開發(fā)安全測試工具，實(shí)用且免費(fèi)程序員開發(fā)利器？在線工具集錦JavaScript中的reduce()的5個用例