欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery中$.get、$.post、$.getJSON和$.ajax的用法詳解

 更新時間:2014年11月19日 09:57:23   投稿:hebedich  
本文重點是來講講jQuery中調(diào)用ajax的4種方法:$.get、$.post、$getJSON、$ajax。如果讀者沒有javascript和jquery的知識,或者沒有ajax的概念,那么請先去問問度娘,再來讀本文。

當我們用javascript寫ajax程序?qū)懙煤堋伴_心”的時候,突然有人告訴你有一種東西叫jquery,它會告訴你不直接和HttpRequest是多么的快樂,同時你再也不需要再煩惱糾結(jié)的ajax亂碼問題,更幸福的是你的js代碼將大大地簡化,看完本文,你會發(fā)現(xiàn),ajax,簡單的來講就是一句話的事情。

1、$.get

$.get()方法使用GET方式來進行異步請求,它的語法結(jié)構(gòu)為:

$.get( url [, data] [, callback] )

解釋一下這個函數(shù)的各個參數(shù):

url:string類型,ajax請求的地址。

data:可選參數(shù),object類型,發(fā)送至服務(wù)器的key/value數(shù)據(jù)會作為QueryString附加到請求URL中。

callback:可選參數(shù),function類型,當ajax返回成功時自動調(diào)用該函數(shù)。

最后寫一個$.get()的實例供大家參考:

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

$.get(
    "submit.aspx",{
        id:     '123',
        name:   '青藤園',
    },function(data,state){
        //這里顯示從服務(wù)器返回的數(shù)據(jù)
        alert(data);
        //這里顯示返回的狀態(tài)
        alert(state);
    }
)

2、$.post()

$.post()方法使用POST方式來進行異步請求,它的語法結(jié)構(gòu)為:

$.post(url,[data],[callback],[type])

這個方法和$.get()用法差不多,唯獨多了一個type參數(shù),那么這里就只介紹type參數(shù)吧,其他的參考上面$.get()的。

type:type為請求的數(shù)據(jù)類型,可以是html,xml,json等類型,如果我們設(shè)置這個參數(shù)為:json,那么返回的格式則是json格式的,如果沒有設(shè)置,就和$.get()返回的格式一樣,都是字符串的。

最后寫一個$.post()的實例供大家參考:

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

$.post(
    "submit.aspx",{
        id:     '123',
        name:   '青藤園',
    },function(data,state){
        //這里顯示從服務(wù)器返回的數(shù)據(jù)
        alert(data);
        //這里顯示返回的狀態(tài)
        alert(state);
    },
    "json"
)

3、$.getJSON()

$.getJSON()是專門為ajax獲取json數(shù)據(jù)而設(shè)置的,并且支持跨域調(diào)用,其語法的格式為:

getJSON(url,[data],[callback])

url:string類型, 發(fā)送請求地址  data :可選參數(shù), 待發(fā)送 Key/value 參數(shù) ,同get,post類型的data callback :可選參數(shù),載入成功時回調(diào)函數(shù),同get,post類型的callback

JSON是一種理想的數(shù)據(jù)傳輸格式,它能夠很好的融合與JavaScript或其他宿主語言,并且可以被JS直接使用。使用JSON相比傳統(tǒng)的通過 GET、POST直接發(fā)送“裸體”數(shù)據(jù),在結(jié)構(gòu)上更為合理,也更為安全。至于jQuery的getJSON()函數(shù),只是設(shè)置了JSON參數(shù)的 ajax()函數(shù)的一個簡化版本。這個函數(shù)也是可以跨域使用的,相比get()、post()有一定優(yōu)勢。另外這個函數(shù)可以通過把請求url寫 成"myurl?callback=X"這種格式,讓程序執(zhí)行回調(diào)函數(shù)X。

4、$.ajax()

$.ajax()是jquery中通用的一個ajax封裝,其語法的格式為:

$.ajax(options)

其中options是一個object類型,它指明了本次ajax調(diào)用的具體參數(shù),這里我把最常用的幾個參數(shù)附上

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

$.ajax({
        url: 'submit.aspx',
        datatype: "json",
        type: 'post',
        success: function (e) {   //成功后回調(diào)
            alert(e);
        },
        error: function(e){    //失敗后回調(diào)
            alert(e);
        },
        beforeSend: function(){  /發(fā)送請求前調(diào)用,可以放一些"正在加載"之類額話
            alert("正在加載");
        }
})

以上就是jquery實現(xiàn)ajax調(diào)用的幾種方法,ajax調(diào)用還是挺復(fù)雜的,希望本文能對大家有所幫助,如有什么疑問,也可以聯(lián)系我,大家共同進步。

相關(guān)文章

最新評論