jquery中g(shù)et方法的案例分析

小編給大家分享一下jquery中g(shù)et方法的案例分析，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

準(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é)議訪問。

看完了這篇文章，相信你對(duì)“jquery中g(shù)et方法的案例分析”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！