傳智播客jQuery_ajax課件_第1頁(yè)
傳智播客jQuery_ajax課件_第2頁(yè)
傳智播客jQuery_ajax課件_第3頁(yè)
傳智播客jQuery_ajax課件_第4頁(yè)
傳智播客jQuery_ajax課件_第5頁(yè)
已閱讀5頁(yè),還剩4頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、高級(jí)軟件人才實(shí)作培訓(xùn)專家高級(jí)軟件人才實(shí)作培訓(xùn)專家! !北京傳智播客教育 北京傳智播客教育 JQUERY_AJAXJQUERY_AJAX 講師:馮威講師:馮威高級(jí)軟件人才實(shí)作培訓(xùn)專家高級(jí)軟件人才實(shí)作培訓(xùn)專家! !北京傳智播客教育 jQuery 中的 AjaxlJQuery 對(duì) Ajax 操作進(jìn)行了封裝, 在 jQuery 中最底層的方法時(shí) $.ajax(), 第二層是 load(), $.get() 和和 $.post(), 第三層是 $.getScript() 和 $.getJSON()高級(jí)軟件人才實(shí)作培訓(xùn)專家高級(jí)軟件人才實(shí)作培訓(xùn)專家! !北京傳智播客教育 load() 方法lload()方法

2、是 jQuery 中最為簡(jiǎn)單和常用的 Ajax 方法, 能載入遠(yuǎn)程能載入遠(yuǎn)程的的 HTML 代碼并插入到代碼并插入到 DOM 中中. 它的結(jié)構(gòu)是: load(url, data,callback)l程序員只需要使用 jQuery 選擇器為 HTML 片段指定目標(biāo)位置, 然后將要加載的文件的 url 做為參數(shù)傳遞給 load() 方法即可高級(jí)軟件人才實(shí)作培訓(xùn)專家高級(jí)軟件人才實(shí)作培訓(xùn)專家! !北京傳智播客教育 load() 方法 - 細(xì)節(jié)l傳遞方式: load() 方法的傳遞參數(shù)根據(jù)參數(shù) data 來(lái)自動(dòng)自定. 如如果沒有參數(shù)傳遞果沒有參數(shù)傳遞, 采用采用 GET 方式傳遞方式傳遞, 否則采用否則

3、采用 POST 方式方式l對(duì)于必須在加載完才能繼續(xù)的操作, load() 方法提供了回調(diào)函數(shù), 該函數(shù)有三個(gè)參數(shù): 代表請(qǐng)求返回內(nèi)容的代表請(qǐng)求返回內(nèi)容的 data; 代表請(qǐng)求狀態(tài)的代表請(qǐng)求狀態(tài)的 textStatus 對(duì)象對(duì)象(其值可能為: succuss, error, notmodify, timeout 4 種)和和 XMLHttpRequest 對(duì)象對(duì)象l方法的返回值是方法的返回值是 jQueryl如果只需要加載目標(biāo) HTML 頁(yè)面內(nèi)的某些元素, 則可以通過(guò) load() 方法的 URL 參數(shù)來(lái)達(dá)到目的. 通過(guò) URL 參數(shù)指定選擇符, 就可以方便的從加載過(guò)來(lái)的 HTML 文檔中選出所

4、需要的內(nèi)容. load() 方法的 URL 參數(shù)的語(yǔ)法結(jié)構(gòu)為 “url selector”(注意: url 和 選擇器之間有一個(gè)空格)高級(jí)軟件人才實(shí)作培訓(xùn)專家高級(jí)軟件人才實(shí)作培訓(xùn)專家! !北京傳智播客教育 $.get() (或$.post() 方法l$.get() 方法使用 GET 方式來(lái)進(jìn)行異步請(qǐng)求. 它的結(jié)構(gòu)是: $.get(url, data, callback, type);l$.get() 方法的回調(diào)函數(shù)只有兩個(gè)參數(shù): data 代表返回的內(nèi)容, 可以是 XML 文檔, JSON 文件, HTML 片段等; textstatus 代表請(qǐng)求狀態(tài), 其值可能為: succuss, err

5、or, notmodify, timeout 4 種.l方法的返回值:XMLHttpRequest對(duì)象l$.get() 和 $.post() 方法是 jQuery 中的全局函數(shù), 而 find() 等方法都是對(duì) jQuery 對(duì)象進(jìn)行操作的方法高級(jí)軟件人才實(shí)作培訓(xùn)專家高級(jí)軟件人才實(shí)作培訓(xùn)專家! !北京傳智播客教育 序列化元素ljQuery 為準(zhǔn)備 “發(fā)送到服務(wù)器的 key/value 數(shù)據(jù)” 提供了一個(gè)簡(jiǎn)化的方法: serialize(). 該方法作用于一個(gè) jQuery 對(duì)象, 能將 DOM 元素內(nèi)容序列化為字符串, 用于 Ajax 請(qǐng)求.l使用 serialize() 方法可以自動(dòng)完成對(duì)參

6、數(shù)的 url 編碼l因?yàn)樵摲椒ㄗ饔糜?jQuery 對(duì)象, 所以不光只要表單能使用, 其它選擇器選取的元素也能使用它. var xmlHpptReq=$.get(base01.jsp,username:aa,psw:8888);var xmlHpptReq=$.get(base01.jsp,$(#form1).serialize();高級(jí)軟件人才實(shí)作培訓(xùn)專家高級(jí)軟件人才實(shí)作培訓(xùn)專家! !北京傳智播客教育 JQuery JQuery 加載并解析加載并解析 XMLXMLlJQuery 可以通過(guò) $.get() 或 $.post() 方法來(lái)加載 xml.lJQuery 解析 XML 與解析 DOM 一樣, 可以使用 find(), children() 等函數(shù)來(lái)解析和用 each() 方法來(lái)進(jìn)行遍歷高級(jí)軟件人才實(shí)作培訓(xùn)專家高級(jí)軟件人才實(shí)作培訓(xùn)專家! !北京傳智播客教育 練習(xí)練習(xí)8: 8: 使

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論