先在資料庫中建表： 再從後臺將表取出來，然後轉化為json格式，再將其執行ToString()操作後，賦值給前臺的隱藏域。 註意引用using Newtonsoft.Json; 前臺利用js將隱藏域中的值取出，由於這個值是字元串格式，需要將它轉為json格式。 利用eval來實現。 註意引用jQue ...
先在資料庫中建表：
再從後臺將表取出來，然後轉化為json格式，再將其執行ToString()操作後，賦值給前臺的隱藏域。
註意引用using Newtonsoft.Json;
前臺利用js將隱藏域中的值取出，由於這個值是字元串格式，需要將它轉為json格式。
利用eval來實現。
註意引用jQuery文件。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Json的運用.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="jquery-2.2.3.js" type="text/javascript"></script> <title></title> <script> jQuery(document).ready( function () { var p = eval('(' + $("#hiddenText").val() + ')'); for (var i = 0; i < p.length;i++) { var row = tb.insertRow(); var cell = row.insertCell(0); cell.innerHTML = "<input id='id' type='text' value="+p[i]["id"]+"/>"; cell = row.insertCell(1); cell.innerHTML = "<input id='username' type='text' value=" + p[i].username + "/>"; cell = row.insertCell(2); cell.innerHTML = "<input id='address' type='text' value=" + p[i].address + "/>"; } }); </script> </head> <body> <input type="text" id="hiddenText" hidden="hidden" runat="server"/> <table id="tb"> </table> </body> </html>
最後運行結果：
