詳解jquery中的get方法-js教程-PHP中文網

詳解jquery中的get方法

青灯夜游

發布： 2021-01-02 18:00:27

轉載

3987 人瀏覽過

詳解jquery中的get方法

推薦教學：jQuery教學

#準備工作

·Customer類別

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

登入後複製

·服務端處理（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請求資料。其中的callback是$.ajax的一種縮略應用，指在成功載入資料後呼叫。

（一）ashx檔

Get請求得到json資料

·Ashx檔不再提供

·js

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

登入後複製

其中，參數如果沒有，那麼也要保留空參數列表；資料格式設定為json

（二）ashx文件，集合

·ashx文件不再提供，請見我的部落格的其它隨筆

·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 + "
";
            });
        });
        $("#pmessage").html(tt);
    },
    "json"
    );
}

登入後複製

其中，沒有參數，參數提供部分可以為空，也可以提供空列表；資料格式可以省略，寫json也行，其它的幾個選項也行。

（三）請求文字檔

這次得到文字內容，不得到json物件。

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

登入後複製

這裡的資料類型，可以省略。

（四）請求WebService

http get方式請求web服務，預設get關閉。要手動啟動。

可以在config檔中加入get支援：

登入後複製

[WebMethod]

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

登入後複製

ScriptMethod 屬性標籤用於指定用於呼叫方法的 HTTP 謂詞以及回應的格式。此屬性用於指定可從客戶端腳本呼叫的方法的資訊。使用此屬性可以指定可用於呼叫方法的 HTTP 謂詞（GET 或 POST）。它還可讓您指定是要使用 JavaScript 物件符號 (JSON) 還是 XML 對回應進行格式設定。

·UseHttpGet

指定是否要透過使用 HTTP GET 指令呼叫方法。預設值為 false。

·ResponseFormat

指定將回應序列化為 JSON 還是 XML。預設值為 Json。當方法傳回 XmlDocument 或 XmlElement 物件時，ResponseFormat 屬性可用於將 XML 指定為傳回類型。

·XmlSerializeString

指定是否將所有傳回類型（包括字串類型）都序列化為 XML。將回應序列化為 JSON 時，將忽略 XmlSerializeString 屬性的值。

如果web服務方法不修飾這個標籤，那麼預設就序列化為json物件。

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 + "
";
        });
        $("#pmessage").html(tt);
    },
    "json"
);}

登入後複製

這種例子就舉到這個為止。在ajax get請求web服務時，請注意開通get協定存取。

更多程式相關知識，請造訪：程式設計教學！！

以上是詳解jquery中的get方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！