在前幾天的PHP教學中,表單的送出都需要透過submit ,然而在送出時頁面會跳轉到其他頁,這樣如果再多筆資料快速上傳時會造成畫面閃爍的問提,我們今天要來說明如何在背景上傳資料
今天我們要使用的技術叫Ajax,在使用他之前需要先引用一段jQuery
引用方法
<script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
引用後就可以開始使用ajax
使用方法
$.ajax({
//傳送的位址,等同 Form 的 action
url: './api.php',
//使用POST的方式
type: 'POST',
data: {
/*
要傳的資料,格式如下
資料名稱 : 資料值
*/
type: "test",
value: "test2",
},
error: function (xhr) {
alert('Ajax request error');
},
success: function (response) {
alert(response);
}
});
今天Day 12 背景傳送值就到這裡囉~