推薦教程：jQuery教程

準(zhǔn)備工作

·Customer類

public class Customer {     public int Unid { get; set; }     public string CustomerName { get; set; }     public string Memo { get; set; }     public string Other { get; set; } }

·服務(wù)端處理（Json_1.ashx）

Customer customer = new Customer { Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"}; string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer); context.Response.Write(strJson);   jQuery.get( url, [data], [callback], [type] )

能過http get請(qǐng)求數(shù)據(jù)。其中的callback是$.ajax的一種縮略應(yīng)用，指在成功加載數(shù)據(jù)后調(diào)用。

（一）ashx文件

Get請(qǐng)求得到j(luò)son數(shù)據(jù)

·Ashx文件不再提供

·js

function GetCustomer_Ashx() {     $.get(     "webdata/get_1.ashx",     {},     function(data) {         var tt = "";             $.each(data, function(k, v) {             tt += k + "：" + v + "<br/>";         })         $("#pmessage").html(tt);     },     "json"     ); }

其中，參數(shù)如果沒有，那么也要保留空參數(shù)列表；數(shù)據(jù)格式設(shè)置為json

（二）ashx文件，集合

·ashx文件不再提供，請(qǐng)見我的博客的其它隨筆

·js

function GetCustomerList() {     $.get(     "webdata/get_1.ashx",     {},     function(data) {         var tt = "";         $.each(data, function(k, v) {             $.each(v, function(kk, vv) {                 tt += kk + "：" + vv + "<br/>";             });         });         $("#pmessage").html(tt);     },     "json"     ); }

其中，沒有參數(shù)，參數(shù)提供部分可以為空，也可以提供空列表；數(shù)據(jù)格式可以省略，寫json也行，其它的幾個(gè)選項(xiàng)也行。

（三）請(qǐng)求文本文件

這次得到文本內(nèi)容，不得到j(luò)son對(duì)象。

function GetCustomer_txt() {     $.get(     "webdata/get_1.txt",     function(data) {              $("#pmessage").html(data);     },     "text" ); }

這里的數(shù)據(jù)類型，可以省略。

（四）請(qǐng)求WebService

http get方式請(qǐng)求web服務(wù)，默認(rèn)get關(guān)閉。要手動(dòng)啟動(dòng)。

可以在config文件中添加get支持：

<webServices>       <protocols>         <add name="HttpGet"/>       </protocols> </webServices>

[WebMethod]

public string GetCustomer()     {         Customer customer = new Customer { Unid = 1, CustomerName = "宋江", Memo = "天魁星", Other = "黑三郎" };         string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);         return strJson; }

ScriptMethod 屬性標(biāo)簽用于指定用于調(diào)用方法的 HTTP 謂詞以及響應(yīng)的格式。此屬性用于指定可從客戶端腳本調(diào)用的方法的信息。使用此屬性可以指定可用于調(diào)用方法的 HTTP 謂詞（GET 或 POST）。它還使您可以指定是要使用 JavaScript 對(duì)象符號(hào) (JSON) 還是 XML 對(duì)響應(yīng)進(jìn)行格式設(shè)置。

·UseHttpGet

指定是否要通過使用 HTTP GET 命令調(diào)用方法。默認(rèn)值為 false。

·ResponseFormat

指定將響應(yīng)序列化為 JSON 還是 XML。默認(rèn)值為 Json。當(dāng)方法返回 XmlDocument 或 XmlElement 對(duì)象時(shí)，ResponseFormat 屬性可用于將 XML 指定為返回類型。

·XmlSerializeString

指定是否將所有返回類型（包括字符串類型）都序列化為 XML。將響應(yīng)序列化為 JSON 時(shí)，將忽略 XmlSerializeString 屬性的值。

如果web服務(wù)方法不修飾這個(gè)標(biāo)簽，那默認(rèn)就序列化為json對(duì)象。

function GetCustomer_Webservice() {     $.get(     "get_1.asmx/GetCustomer",     function(data) {         var jsonObject = $.jsonToObject(data.text);         var tt = '';         $.each(jsonObject, function(k, v) {             tt += k + "：" + v + "<br/>";         });         $("#pmessage").html(tt);     },     "json" );}

這種例子就舉到這個(gè)為止。在ajax get請(qǐng)求web服務(wù)時(shí)，注意開通get協(xié)議訪問。