jQuery.getJSON詳解與getJSON和asp.net執行個體(1/3)

jquery.getjson詳解與getjson和asp教程.net執行個體
jquery.getjson( url, [data], [callback] ) 跨域載入json資料。
url: 發送請求的地址
data : (可選) 待發送key/value參數
callback: (可選) 載入成功時的回呼函數
主要用於用戶端擷取伺服器json資料。簡單樣本：
伺服器指令碼，返回json資料：
$.getjson.php教程
$arr=array("name"=>"zhangsan", "age"=>20);
$jarr=json_encode($arr);
echo $jarr;
注意兩點：
第一：在返回用戶端之前，先用php函數json_encode將要返回的資料進行編碼。
第二：返回到用戶端用的是echo，而不是return。
下面是核心的用戶端代碼：

$.getjson.html
 代碼如下:
<script language="網頁特效" type="text/javascript" src="./js/jquery.js"></script>
<script language="javascript" type="text/javascript">
function getjs()
{
$.getjson("$.getjson.php", {}, function(response){
alert(response.age);
});
}
<input type="button" name="btn" id="btn" value="test" onclick="javascript:getjs();"/>

下面看與asp.net教程 中getjson的應用

準備工作
·customer類

 代碼如下:

public class customer
{
public int unid { get; set; }
public string customername { get; set; }
public string memo { get; set; }
public string other { get; set; }
}

（一）ashx

 代碼如下:

customer customer = new customer
{ unid=1,customername="宋江",memo="天魁星",other="黑三郎"};
string strjson = newtonsoft.json.jsonconvert.serializeobject(customer);
context.response.write(strjson);

 代碼如下:

function getcustomer_ashx() {
$.getjson(
"webdata/json_1.ashx",
function(data) {
var tt = "";
$.each(data, function(k, v) {
tt += k + "：" + v + "<br/>";
})
$("#divmessage").html(tt);
});
}

·通過getjson向ashx請求資料。返回的資料為json對象。
（二）ashx檔案，但返回的是實體集合
 代碼如下:

customer customer = new customer
{ unid=1,customername="宋江",memo="天魁星",other="黑三郎"};
customer customer2 = new customer
{ unid = 2, customername = "吳用", memo = "天機星", other = "智多星" };
list<customer> _list = new list<customer>();
_list.add(customer);
_list.add(customer2);
string strjson = newtonsoft.json.jsonconvert.serializeobject(_list);
context.response.write(strjson);

 

 代碼如下:

function getcustomerlist() {
$.getjson(
"webdata/json_1.ashx",
function(data) {
var tt = "";
$.each(data, function(k, v) {
$.each(v,function(kk, vv) {
tt += kk + "：" + vv + "<br/>";
});
});
$("#divmessage").html(tt);
});
}

首頁 1 2 3 末頁