DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> asp.net下使用jquery 的ajax+WebService+json 實現無刷新取後台值的實現代碼
asp.net下使用jquery 的ajax+WebService+json 實現無刷新取後台值的實現代碼
編輯:JQuery特效代碼     
首先貼上Jquery的ajax:
代碼如下:
$.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
});

好,前台寫好,建一個webservice頁,寫上方法:
代碼如下:
/// <summary>
/// Datatable轉換為Json
/// </summary>
/// <param name="table">Datatable對象</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["字典內容"].ToString(), pdr["序號"].ToString());
jsonString.Append("},");
// jsonString.AppendFormat("{name:'{0}',value:'{1}'},", pdr["字典內容"].ToString(), pdr["序號"].ToString());
}
jsonString.Remove(jsonString.Length - 1, 1);
jsonString.Append("]");
return jsonString.ToString();
}

然後嘗試著運行,這是出問題列,無論怎樣運行都不能調到後台方法:
最後在網上查列好久
才發現在新建的webservice頁少了一句關鍵的話:

代碼如下:
[System.Web.Script.Services.ScriptService]


在類前面加上這句話就可以了
加上以後再運行,好,可以調到後台了
後台的數據也發送到前台
但又出現問題列,發過來的數據不能以解析出來json數據
按網上說的,只要把ajax中的dataType設置為json就行了,但是實際上不行,然後在網上查了下:
1、對於服務器返回的JSON字符串,如果jquery異步請求沒做類型說明,或者以字符串方式接受,那麼需要做一次對象化處理,方式不是太麻煩,就是將該字符串放於eval()中執行一次
2.對於服務器返回的JSON字符串,如果jquery異步請求將type(一般為這個配置屬性)設為“json”,或者利用$.getJSON()方法獲得服務器返回,那麼就不需要eval()方法了,因為這時候得到的結果已經是json對象了,只需直接調用該對象即可,這裡以$.getJSON方法為例說明數據處理方法
但是我把他的dataType設置為json,應該直接可以用le?
於是我把傳回來的數據放在eval()方法裡面處理了下,再調用就可以le?
這樣前台調出來的數據就可以直接按你需要的方式處理了。
我這裡還又一個疑問:
我用這種方式取數為什麼查不出來數據(我對json不是很熟,第一次用):
代碼如下:
$.each(data.root,function(idx,item){
if(idx==0){
return true;//同countinue,返回false同break
}
alert("name:"+item.name+",value:"+item.value);
});
});

網上看的這樣方式頁可以調用json數據,知道的給解答下……
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved