jquery.json 插件{jQuery插件}
主要方法:
$.toJSON(json對象): 将json對象轉化為字元串
$.evalJSON(str): 将字元串轉化為json對象
json.net
将對象轉為json字元串:
<code>1</code>
<code>User u =</code><code>new</code> <code>User() { Id = 1000, Name =</code><code>"小白"</code><code>, Age = 50 };</code>
<code>2</code>
<code>string</code> <code>returnStr=JsonConvert.SerializeObject(u);</code>
将json格式字元串轉為對象:
<code>User user = JsonConvert.DeserializeObject<User>(Request[</code><code>"data"</code><code>]);</code>
方式jQuery:
urlString 發送請求位址。 data (可選)Map 待發送 Key/value 參數。 callback (可選)Function 載入成功時回調函數。 示例: 1. 兩個參數 <code>jQuery.getJSON(</code><code>"Json.aspx"</code><code>,</code><code>function</code> <code>(json) {</code> <code> </code><code>_json = json;</code> <code>3</code> <code> </code><code>$(</code><code>"#TextArea1"</code><code>).val(json);</code> <code>4</code> <code> </code><code>$(</code><code>"#Text1"</code><code>).val(json.Id);</code> <code>5</code> <code> </code><code>$(</code><code>"#Text2"</code><code>).val(json.Name);</code> <code>6</code> <code> </code><code>$(</code><code>"#Text3"</code><code>).val(json.Age);</code> <code>7</code> <code>})</code> 2. 3個參數 <code>jQuery.getJSON(</code><code>"SetJson.aspx"</code><code>, { data: $.toJSON(_json) },</code><code>function</code> <code>(json) {</code> <code> </code><code>$(</code><code>"#Text4"</code><code>).val(json.Id);</code> <code> </code><code>$(</code><code>"#Text5"</code><code>).val(json.Name);</code> <code> </code><code>$(</code><code>"#Text6"</code><code>).val(json.Age);</code> { data: $.toJSON(_json) } : 可以是字元串, 也可以是json資料 $.toJSON: 是 jquery.json 插件提供的方法, 将json對象轉換為字元串
需要用到 Json.net
使用者類:
<code>01</code>
<code>public</code> <code>class</code> <code>User</code>
<code>02</code>
<code>{</code>
<code>03</code>
<code> </code><code>private</code> <code>long</code> <code>id;</code>
<code>04</code>
<code> </code>
<code>05</code>
<code> </code><code>public</code> <code>long</code> <code>Id</code>
<code>06</code>
<code> </code><code>{</code>
<code>07</code>
<code> </code><code>get</code> <code>{</code><code>return</code> <code>id; }</code>
<code>08</code>
<code> </code><code>set</code> <code>{ id = value; }</code>
<code>09</code>
<code> </code><code>}</code>
<code>10</code>
<code>11</code>
<code> </code><code>private</code> <code>string</code> <code>name;</code>
<code>12</code>
<code>13</code>
<code> </code><code>public</code> <code>string</code> <code>Name</code>
<code>14</code>
<code>15</code>
<code> </code><code>get</code> <code>{</code><code>return</code> <code>name; }</code>
<code>16</code>
<code> </code><code>set</code> <code>{ name = value; }</code>
<code>17</code>
<code>18</code>
<code>19</code>
<code> </code><code>private</code> <code>int</code> <code>age;</code>
<code>20</code>
<code>21</code>
<code> </code><code>public</code> <code>int</code> <code>Age</code>
<code>22</code>
<code>23</code>
<code> </code><code>get</code> <code>{</code><code>return</code> <code>age; }</code>
<code>24</code>
<code> </code><code>set</code> <code>{ age = value; }</code>
<code>25</code>
<code>26</code>
<code>}</code>
<code><</code><code>head</code> <code>runat</code><code>=</code><code>"server"</code><code>></code>
<code> </code><code><</code><code>title</code><code>></</code><code>title</code><code>></code>
<code> </code><code><</code><code>script</code> <code>src</code><code>=</code><code>"Scripts/jquery-1.4.1.min.js"</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>></</code><code>script</code><code>></code>
<code> </code><code><</code><code>script</code> <code>src</code><code>=</code><code>"Scripts/jquery.json-2.3.min.js"</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>></</code><code>script</code><code>></code>
<code> </code><code><</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>></code>
<code> </code><code>var _json; </code>
<code> </code><code>function GetServerJson()</code>
<code> </code><code>{</code>
<code> </code><code>jQuery.getJSON("Json.aspx", function (json) {</code>
<code> </code><code>_json = json;</code>
<code> </code><code>$("#Text1").val(json.Id);</code>
<code> </code><code>$("#Text2").val(json.Name);</code>
<code> </code><code>$("#Text3").val(json.Age);</code>
<code> </code><code>})</code>
<code> </code><code>}</code>
<code> </code><code>function SetServerUser() {</code>
<code> </code><code>_json.Id = $("#Text1").val();</code>
<code> </code><code>_json.Name = $("#Text2").val();</code>
<code> </code><code>_json.Age = $("#Text3").val();</code>
<code> </code><code>jQuery.getJSON("SetJson.aspx", { data: $.toJSON(_json) }, function (json) {</code>
<code> </code><code>$("#Text4").val(json.Id);</code>
<code> </code><code>$("#Text5").val(json.Name);</code>
<code> </code><code>$("#Text6").val(json.Age);</code>
<code> </code><code></</code><code>script</code><code>></code>
<code>27</code>
<code></</code><code>head</code><code>></code>
<code>28</code>
<code><</code><code>body</code><code>></code>
<code>29</code>
<code> </code><code><</code><code>form</code> <code>id</code><code>=</code><code>"form1"</code> <code>runat</code><code>=</code><code>"server"</code><code>></code>
<code>30</code>
<code> </code><code><</code><code>div</code><code>></code>
<code>31</code>
<code> </code><code><</code><code>input</code> <code>id</code><code>=</code><code>"Button1"</code> <code>type</code><code>=</code><code>"button"</code> <code>value</code><code>=</code><code>"擷取Json"</code> <code>onclick</code><code>=</code><code>"GetServerJson()"</code> <code>/></code>
<code>32</code>
<code> </code><code></</code><code>div</code><code>></code>
<code>33</code>
<code> </code><code><</code><code>br</code> <code>/></code>
<code>34</code>
<code> </code><code>id:<</code><code>input</code> <code>id</code><code>=</code><code>"Text1"</code> <code>type</code><code>=</code><code>"text"</code> <code>/></code>
<code>35</code>
<code> </code><code>名字:<</code><code>input</code> <code>id</code><code>=</code><code>"Text2"</code> <code>type</code><code>=</code><code>"text"</code> <code>/></code>
<code>36</code>
<code> </code><code>年齡:<</code><code>input</code> <code>id</code><code>=</code><code>"Text3"</code> <code>type</code><code>=</code><code>"text"</code> <code>/></code>
<code>37</code>
<code> </code><code><</code><code>input</code> <code>id</code><code>=</code><code>"Button2"</code> <code>type</code><code>=</code><code>"button"</code> <code>value</code><code>=</code><code>"修改"</code> <code>onclick</code><code>=</code><code>"SetServerUser()"</code> <code>/></code>
<code>38</code>
<code> </code><code></</code><code>form</code><code>></code>
<code>39</code>
<code> </code><code><</code><code>div</code><code>>修改之後的值: <</code><code>br</code> <code>/></code>
<code>40</code>
<code> </code><code>id:<</code><code>input</code> <code>id</code><code>=</code><code>"Text4"</code> <code>type</code><code>=</code><code>"text"</code> <code>/></code>
<code>41</code>
<code> </code><code>名字:<</code><code>input</code> <code>id</code><code>=</code><code>"Text5"</code> <code>type</code><code>=</code><code>"text"</code> <code>/></code>
<code>42</code>
<code> </code><code>年齡:<</code><code>input</code> <code>id</code><code>=</code><code>"Text6"</code> <code>type</code><code>=</code><code>"text"</code> <code>/></</code><code>div</code><code>></code>
<code>43</code>
<code></</code><code>body</code><code>></code>
點選"擷取Json” 從Json.aspx 擷取User對象
點選”修改”将第一行修改後的對象 傳到SetJson.aspx中, 然後恢複對象接着傳回恢複的對象 在頁面第二行資料中顯示
<code>protected void Page_Load(object sender, EventArgs e)</code>
<code> </code><code>User u = new User() { Id = 1000, Name = "小白", Age = 50 };</code>
<code> </code><code>returnStr=JsonConvert.SerializeObject(u);</code>
<code>protected</code> <code>void</code> <code>Page_Load(</code><code>object</code> <code>sender, EventArgs e)</code>
<code> </code><code>User user = JsonConvert.DeserializeObject<User>(Request[</code><code>"data"</code><code>]);</code>
<code> </code><code>returnStr = JsonConvert.SerializeObject(user);</code>
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)