jquery ajax你會了嗎?

來源:互聯網
上載者:User

Ajax的優勢:

1,宗旨:按需請求資料  減輕伺服器的頻寬,

2,無重新整理請求,提高web效能,例如表單驗證:

 

 

1,jQuery的ajax操作

jQuery封裝ajax操作,通常有這幾種方式:

jQuery.ajax()

$.get()

$.post()

Load()

 

(1)load()  請求的是一個待用資料檔案

1,url,ajax請求的地址

2,data   請求時攜帶的資料(如果資料是一個集合,通過{}格式傳遞)

3,回呼函數   (ajax請求成功後,執行的函數)

回呼函數的參數:1,ajax返回的資料;2,ajax請求的狀態;3,XMLHttpRequest對象

 

 

1,load()請求的是待用資料檔案

2,哪個元素對象調用load()方法,ajax請求的結果就會顯示到哪個元素上

 

如何篩選出我們需要的資料

通過在url參數上傳遞一個選取器

Load(url 選取器)

我現在需要評論的內容,不需要姓名

 

 

 

$.get()方式發送請求:

用戶端通過get方式向伺服器發送ajax請求

$.get(url,data,callback )

 

一句話概括jQuery:

jQuery是一個封裝好的javascript庫,他憑藉簡潔的文法以及完善的瀏覽器安全色性,再加上強大的選取器,DOM操作,ajax操作,極大的節省了javascript開發人員的經理

一句話概括ajax:

Ajax,是javascript通過操作XMLHttpRequest對象來完成http請求的過程

 

 

伺服器端給用戶端返回的資料類型:

1,HTML程式碼片段(字串)

 

 

 

 

2,json:json_encode() 當我們需要返回集合類的資料的時候
3,xml:header(“”)

 

Text()-------文本節點的內容  <p>hello</p> 標籤內的內容

 

Html()----html標籤以及內容 <p>hello</p>

 

 

$.ajax()封裝ajax請求

但是只有一個參數,那麼肯定是json格式的參數

 

 

1,請求的地址  url

2,請求的方式  type

3,希望伺服器返回的資料格式

4,攜帶的資料 data

5,是否非同步請求

6,是否快取資料

7,成功後的回呼函數

8,失敗後的回呼函數

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.