首頁 > web前端 > js教程 > 主體

ajax的三種實現方式

亚连
發布: 2018-05-10 10:33:12
原創
2463 人瀏覽過

AJAX是前端進行資料互動的必備技能,透過使用AJAX可以實現頁面無刷新訪問,為用戶帶來更好的體驗。

Jquery的ajax實作

#load方法

1 實作load方法中只有url參數的效果

load(url)

ajax的三種實現方式

#2 load方法帶三個參數 url data  function

ajax的三種實現方式

第一個參數 url:表示請求路徑

第二個參數 傳遞資料

第三個參數 接收到servlet回傳的相關的數據,裡面有三個數據值

第一個是 servlet回傳內容

#第二個是 狀態碼描述 success

第三個是 XMLHttpRequest物件

$.get()

發送get請求

ajax的三種實現方式

$ .post()

發送post請求

ajax的三種實現方式

寫法

$.post(url,{“name”:值},function(data,status) {… })

第一個參數是 :請求url位址

第二個參數是:傳遞的資料

第三個參數是:回呼函數(data:表示傳回資料;status:表示傳回狀態碼描述)

$.ajax()


發送非同步作業

   ajax的三種實現方式


常用的參數:

type:設定提交方式 get 還是 post

dataType:設定回傳資料的格式

url: 設定請求路徑

data:設定傳回資料的格式

url: 設定請求路徑

data:傳遞參數name=值&name2=值

###success:請求成功之後,綁定回呼函數######   有兩個參數 data:表示傳回資料;stauts表示回傳狀態碼描述###

以上是我整理的ajax配合jquery三種實現方式,希望今後會對大家有所幫助。

相關文章:

Ajax的概念與優勢

jQuery Ajax驗證使用者名稱

PHP 實例- AJAX 即時搜尋的相關知識

以上是ajax的三種實現方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!