2014-06-19 91 views
0

我有一個頁面,有一個「prev」和「下一個」的一天按鈕,而不是重新加載整個頁面,我只是做一個控制器的ajax調用,返回整個局部視圖,我將其替換爲div。ASP.Net MVC頁面刷新使用JSON值而不是HTML

$("#divId").html(ajaxResponse); 

很簡單。

但是,我發現這個局部視圖比我需要的數據多得多(html根本不會改變,只是數據),並且它在移動瀏覽器上造成緩慢。

我的問題是,有沒有工具可以讓我返回模型數據的JSON表示並自動刷新頁面上的所有值?

例如,說我有:

@Html.InputFor(x => x.FirstName) 

和JSON返回

{ FirstName: 'Henry', LastName: 'McLeery' } 

是否有庫可用,可以自動執行的過程:

$("#FirstName").val(ajaxResponse.FirstName); 
$("#LastName").val(ajaxResponse.LastName); 
etc... 

+0

你已經回答了你的問題,最後一個代碼。你需要把它包裝到$ ajax成功中:function(ajaxResponse){your code} –

回答

0

看看Angular.js。 Angular是一個使用mvc模式的JavaScript框架。 將UI元素綁定到模型後,更新模型時顯示的數據會自動更改。 Angular提供了一個很好的api來使用json數據來消費ajax請求。

看看這個: Get and update json using angular.js

相關問題