web前端知識(shí)：jQuery中的Ajax操作

　　對(duì)于開(kāi)發(fā)者而言，編寫(xiě)常規(guī)的Ajax代碼并不容易，因?yàn)椴煌臑g覽器對(duì)Ajax的實(shí)現(xiàn)并不相同，這也就意味著開(kāi)發(fā)者需要編寫(xiě)額外的代碼對(duì)瀏覽器進(jìn)行測(cè)試。jQuery框架很好地解決了這個(gè)難題，使用jQuery只需要一些簡(jiǎn)單的代碼就可以實(shí)現(xiàn)Ajax功能。下面將針對(duì)jQuery中的Ajax操作進(jìn)行詳細(xì)講解。

　　jQuery提供了多個(gè)與Ajax有關(guān)的方法。通過(guò)jQueryAjax方法，可以使用HTTP的Get和Post方法從服務(wù)器上獲取請(qǐng)求的HTML、XML或JSON數(shù)據(jù)，并將這些數(shù)據(jù)直接載入網(wǎng)頁(yè)的被選元素中顯示出來(lái)。在jQuery中，常用的Ajax操作方法如表5-12所示。

　　表5-12 jQuery常用的Ajax方法

　　在表15-12中，參數(shù)url表示請(qǐng)求的URL地址;參數(shù)data表示請(qǐng)求時(shí)發(fā)送的數(shù)據(jù);參數(shù)function表示載入成功時(shí)執(zhí)行的函數(shù);參數(shù)type表示返回?cái)?shù)據(jù)的格式，例如xml、html、script、json、text等;參數(shù)settings是對(duì)Ajax的請(qǐng)求設(shè)置，其常用的設(shè)置參數(shù)如表15-13所示。

　　表15-13 settings參數(shù)的常用設(shè)置參數(shù)

　　在表15-12的Ajax操作方法中，$.ajax()是通用方法，通過(guò)該方法的setting參數(shù)，可以實(shí)現(xiàn)與$.get()、$.post()、$.getJSON()和$.getScript()方法同樣的功能。在編寫(xiě)$.ajax()方法時(shí)，url是$.ajax()方法的必須參數(shù)，它既可以在settings參數(shù)之前編寫(xiě)，也可以在settings參數(shù)中編寫(xiě)。

　　以$.ajax()方法為例，其基本的語(yǔ)法格式如下：

$.ajax({
    Type:POST",       //請(qǐng)求方式(GET或POST),默認(rèn)為GET
    url:rl,           //請(qǐng)求地址
    dataType:json',   //返回格式為json
    data:ata,         //參數(shù)值
    success:allback   //請(qǐng)求成功時(shí)的處理
    error:callback    //請(qǐng)求錯(cuò)誤時(shí)的處理
})