快捷導(dǎo)航

asp.net下使用jquery 的ajax+WebService+json 實(shí)現(xiàn)無(wú)刷新取后臺(tái)值的實(shí)現(xiàn)代碼

更新時(shí)間：2010年09月19日 21:28:18 作者：

asp.net下使用jquery 的ajax+WebService+json 實(shí)現(xiàn)無(wú)刷新取后臺(tái)值的實(shí)現(xiàn)代碼，比頁(yè)面刷新更好，用戶(hù)體驗(yàn)更好，需要的朋友可以參考下。

首先貼上Jquery的ajax：

復(fù)制代碼代碼如下:

 
$.ajax({ 
url: 'ws_Ajax.asmx/BindDictByUpper', 
type: 'POST', 
contentType: 'application/json;charset=utf-8', 
dataType: 'json', 
data: '{ PpareId:"' + varlue + '"}', 
success: function (data) { 
var dataObj = eval("(" + data + ")"); 
// $('#myList').html(''); 
// for (var i = 0; i < msg.d.length; i++) { 
// $('#myList').append('<li>' + msg.d[i] + '</li>'); 
// } 
alert(dataObj); 
$.each({ name: "John", lang: "JS" }, function (i, n) { 
alert("Name: " + i + ", Value: " + n); 
}); 
$.each(dataObj, function (idx, item) { 
if (idx == 0) { 
return true; //同countinue，返回false同break 
} 
alert("name:" + item['name'] + ",value:" + item['value']); 
}); 
}, 
//data: '{query:"' + $('#editQuery').val() + '"}', 
processData: false 
}); 

好，前臺(tái)寫(xiě)好，建一個(gè)webservice頁(yè)，寫(xiě)上方法：

復(fù)制代碼代碼如下:

 
/// <summary> 
/// Datatable轉(zhuǎn)換為Json 
/// </summary> 
/// <param name="table">Datatable對(duì)象</param> 
/// <returns>Json字符串</returns> 
public static string ToJson(DataTable Adt) 
{ 
StringBuilder jsonString = new StringBuilder(); 
jsonString.Append("["); 
foreach (DataRow pdr in Adt.Rows) 
{ 
jsonString.Append("{"); 
jsonString.AppendFormat("name:\"{0}\",value:\"{1}\"", pdr["字典內(nèi)容"].ToString(), pdr["序號(hào)"].ToString()); 
jsonString.Append("},"); 
// jsonString.AppendFormat("{name:'{0}',value:'{1}'},", pdr["字典內(nèi)容"].ToString(), pdr["序號(hào)"].ToString()); 
} 
jsonString.Remove(jsonString.Length - 1, 1); 
jsonString.Append("]"); 
return jsonString.ToString(); 
} 

然后嘗試著運(yùn)行，這是出問(wèn)題列，無(wú)論怎樣運(yùn)行都不能調(diào)到后臺(tái)方法：
最后在網(wǎng)上查列好久
才發(fā)現(xiàn)在新建的webservice頁(yè)少了一句關(guān)鍵的話(huà)：

復(fù)制代碼代碼如下:

[System.Web.Script.Services.ScriptService]

在類(lèi)前面加上這句話(huà)就可以了
加上以后再運(yùn)行，好，可以調(diào)到后臺(tái)了
后臺(tái)的數(shù)據(jù)也發(fā)送到前臺(tái)
但又出現(xiàn)問(wèn)題列，發(fā)過(guò)來(lái)的數(shù)據(jù)不能以解析出來(lái)json數(shù)據(jù)
按網(wǎng)上說(shuō)的，只要把a(bǔ)jax中的dataType設(shè)置為json就行了，但是實(shí)際上不行，然后在網(wǎng)上查了下：
1、對(duì)于服務(wù)器返回的JSON字符串，如果jquery異步請(qǐng)求沒(méi)做類(lèi)型說(shuō)明，或者以字符串方式接受，那么需要做一次對(duì)象化處理，方式不是太麻煩，就是將該字符串放于eval()中執(zhí)行一次
2.對(duì)于服務(wù)器返回的JSON字符串，如果jquery異步請(qǐng)求將type（一般為這個(gè)配置屬性）設(shè)為“json”，或者利用$.getJSON()方法獲得服務(wù)器返回，那么就不需要eval（）方法了，因?yàn)檫@時(shí)候得到的結(jié)果已經(jīng)是json對(duì)象了，只需直接調(diào)用該對(duì)象即可，這里以$.getJSON方法為例說(shuō)明數(shù)據(jù)處理方法
但是我把他的dataType設(shè)置為json，應(yīng)該直接可以用le？
于是我把傳回來(lái)的數(shù)據(jù)放在eval（）方法里面處理了下，再調(diào)用就可以le？
這樣前臺(tái)調(diào)出來(lái)的數(shù)據(jù)就可以直接按你需要的方式處理了。
我這里還又一個(gè)疑問(wèn)：
我用這種方式取數(shù)為什么查不出來(lái)數(shù)據(jù)（我對(duì)json不是很熟，第一次用）：

復(fù)制代碼代碼如下:

 
$.each(data.root,function(idx,item){ 
if(idx==0){ 
return true;//同countinue，返回false同break 
} 
alert("name:"+item.name+",value:"+item.value); 
}); 
}); 

網(wǎng)上看的這樣方式頁(yè)可以調(diào)用json數(shù)據(jù)，知道的給解答下……

您可能感興趣的文章: