Jquery 中實現 AJAX

很簡單,首先先要把jquery.js引入之後(廢話),就可以使用

$.ajax  函數

首先我們先打開一個空白的php, 取名為demo.php

<?

if (isset($_POST['a'])) {  // 這段只有收到a有值的(POST方式)時候才會處理,當作我們要處理ajax的內容
echo ($_POST['a'] *2 );  //把a的值給乘上x2後印出來
exit;
}
//下面可以放其他的程式碼
?>
<script>

$.ajax({
url: 'demo.php',   // ajax要傳遞的檔案,這邊是指自己
data: {a : 2},    //要傳過去的變數以及值,使用JSON結構
dataType: html,  //設定傳回結構是哪一種HTML , JSON, TEXT
error: function(xhr) {   // 發生錯誤會執行這段
alert('Ajax request 發生錯誤');
},
success: function(response) {  //成功會執行這段, 因為我們是設定a = 2傳出去所以傳回的是4
alert(response);  // alert出4
}
});

</script>

You May Also Like

About the Author: 小布

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料