2015-11-04 87 views
0

所有操作都在VIEW中。將數據從JavaScript傳遞到C#

我的應用程序現在看起來如何:我從websocket服務器獲取JSON數據並將其放入一些JS變量中。

我想在我的View動態表中創建這些數據的內容。我的想法是將數據以某種方式(?)從js傳遞給asp.net查看並使用for循環創建此數據的表。

我應該嘗試使用ajax嗎?以及如何傳遞這些數據?

+0

你嘗試過什麼嗎?如果是,請提供一些代碼或鏈接。 –

+0

http://pastebin.com/MsCh1A0e 這是JS腳本,其中一個通過websocket獲取json數據,ii可以將此數據(variabe'b')傳遞給div的id,但我不想發送每個單獨的json數據b.name [0] .Value = $('name0'),b.name [1] .Value = $('name1') 我不知道該怎麼做 – tuchy

回答

2

如果你只是想從你收到的json數據創建一個表視圖,你可以使用DataTables插件這是一個非常流行的jQuery Javascript庫和高度靈活的工具,你會得到許多附加功能,如排序,輕鬆過濾。

以下是您可以遵循的示例。

$(document).ready(function() { 
 
    $('#example').DataTable({ 
 
     "processing": true, 
 
     "serverSide": true, 
 
     "ajax": { 
 
      "url": "scripts/jsonp.php", 
 
      "dataType": "jsonp" 
 
     } 
 
    }); 
 
});
<table id="example" class="display" cellspacing="0" width="100%"> 
 
     <thead> 
 
      <tr> 
 
       <th>First name</th> 
 
       <th>Last name</th> 
 
       <th>Position</th> 
 
       <th>Office</th> 
 
       <th>Start date</th> 
 
       <th>Salary</th> 
 
      </tr> 
 
     </thead> 
 
    
 
     <tfoot> 
 
      <tr> 
 
       <th>First name</th> 
 
       <th>Last name</th> 
 
       <th>Position</th> 
 
       <th>Office</th> 
 
       <th>Start date</th> 
 
       <th>Salary</th> 
 
      </tr> 
 
     </tfoot> 
 
    </table>

你會得到從原始網站更多的有用的例子:DataTable

此外,您還可以,如果你使用像AngularJS JavaScript框架做到這一點在許多其他方面或KnockoutJS。