當我們在 web 開發中需要實現頁面無刷新的數據交換時,AJAX 就成為了一個必不可少的工具。而使用 jQuery 的 AJAX 就更加方便有效了。本文將會為大家介紹如何使用 jQuery 的 AJAX。
首先,我們需要添加 jQuery 庫:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
接下來就是我們期待已久的 ajax 請求了。我們可以使用 jQuery 的$.ajax()
方法:
$.ajax({ url: "test.php", type: "post", data: { name: "張三", age: "18" }, success: function(response){ console.log(response); }, error: function(jqXHR){ console.log(jqXHR.status); } });
這里的url
是請求地址,type
表示請求類型,data
是請求參數,success
是請求成功時的回調函數,error
是請求失敗時的回調函數。
除了$.ajax()
方法外,jQuery 還提供了多個快捷方式,如$.get()
、$.post()
和$.getJSON()
。它們分別提供了 get 請求、post 請求和 json 數據請求。
綜上所述,使用 jQuery 的 AJAX,可以讓我們在 web 開發中更加方便高效地實現頁面的數據交換。