1. 程式人生 > 實用技巧 >jQuery中$.get、$.post、$.getJSON和$.ajax的用法

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

1、$.get

$.get()方法使用GET方式來進行非同步請求,它的語法結構為:

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

解釋一下這個函式的各個引數:

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

data:可選引數,object型別,傳送至伺服器的key/value資料會作為QueryString附加到請求URL中。

callback:可選引數,function型別,當ajax返回成功時自動呼叫該函式。

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

$.get(
    "submit.aspx",{
        id:     '123',
        name:   
'青藤園', },function(data,state){ //這裡顯示從伺服器返回的資料 alert(data); //這裡顯示返回的狀態 alert(state); } )

2、$.post()

$.post()方法使用POST方式來進行非同步請求,它的語法結構為:

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

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

type:type為請求的資料型別,可以是html,xml,json等型別,如果我們設定這個引數為:json,那麼返回的格式則是json格式的,如果沒有設定,就和$.get()返回的格式一樣,都是字串的。

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

$.post(
    "submit.aspx",{
        id:     '123',
        name:   '青藤園',
    },function(data,state){
        //這裡顯示從伺服器返回的資料
        alert(data);
        //這裡顯示返回的狀態
        alert(state);
    },
    "json"
)

3、$.getJSON()

$.getJSON()是專門為ajax獲取json資料而設定的,並且支援跨域呼叫,其語法的格式為:

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

url:string型別, 傳送請求地址data :可選引數, 待發送 Key/value 引數 ,同get,post型別的data callback :可選引數,載入成功時回撥函式,同get,post型別的callback

JSON是一種理想的資料傳輸格式,它能夠很好的融合與JavaScript或其他宿主語言,並且可以被JS直接使用。使用JSON相比傳統的通過 GET、POST直接傳送“裸體”資料,在結構上更為合理,也更為安全。至於jQuery的getJSON()函式,只是設定了JSON引數的 ajax()函式的一個簡化版本。這個函式也是可以跨域使用的,相比get()、post()有一定優勢。另外這個函式可以通過把請求url寫 成"myurl?callback=X"這種格式,讓程式執行回撥函式X。

4、$.ajax()

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

$.ajax(options)

其中options是一個object型別,它指明瞭本次ajax呼叫的具體引數,這裡我把最常用的幾個引數附上

$.ajax({
        url: 'submit.aspx',
        datatype: "json",
        type: 'post',
        success: function (e) {   //成功後回撥
            alert(e); 
        },
        error: function(e){    //失敗後回撥
            alert(e);
        },
        beforeSend: function(){  /傳送請求前呼叫,可以放一些"正在載入"之類額話
            alert("正在載入");
        }
})

好了,以上就是jquery實現ajax呼叫的幾種方法,希望對大家有所幫助。