close

很簡單,首先先要把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>

arrow
arrow
    全站熱搜

    kpnweb 發表在 痞客邦 留言(0) 人氣()