用AJAX發送和回顯

Question

對不起，如果我的問題之前已經問過，我試過但沒有回答（OR沒有理解答案）。

我有一個鏈接，我想獲得使用AJAX的價值，這裏是用PHP

首頁

<a href="page.php?value=3">Go</a> 

PAGE個例

$getValue = $_GET['value']; 
echo $getValue; 

感謝

Answer 1

使用$.get()執行ajax g等

jQuery的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 

$(document).ready(function(){ 
    $('a[href="page.php?value=3"]').click(function(e){ 
     e.preventDefault() 
     $.get("page.php",{value:3},function(data){ 
      alert(data); 
     }); 
    }); 
}); 

</script> 
<a href="page.php?value=3">Go</a> 

page.php文件

<?php 
$getValue = $_GET['value']; 
echo $getValue; 
?> 

1. 包括jQuery庫。
2. 將代碼包裝在$(document).ready(function(){ })處理程序中，以便在加載dom元素後進行綁定。
3. 使用preventDefault()方法來防止瀏覽器對事件的默認操作。
4. 使用click()來監聽點擊事件。
5. 最後使用$.get()獲取Ajax。

Answer 2

使用jQuery阿賈克斯這樣做

$.ajax({ 
    type: "GET", 
    url: "page.php", 
    data: { value: 3} 
}); 

page.php文件

<?php 
$getValue = $_GET['value']; 
echo $getValue; 
?> 

Answer 3

使用純JavaScript：

<script type="text/javascript"> 
function loadXMLDoc() { 
    var xmlhttp; 

    if (window.XMLHttpRequest) { 
     // code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp = new XMLHttpRequest(); 
    } else { 
     // code for IE6, IE5 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      // put the xmlhttp.responseText in your html element 
      document.getElementById("myDiv").innerHTML = xmlhttp.responseText; 
     } 
    } 

    xmlhttp.open("GET", "page.php?value=3", true); 
    xmlhttp.send(); 
} 
</script> 

使用jQuery：

$.ajax({ 
    url: "page.php", 
    data: { value: 3 }, 
    context: document.body, 
    success: function(){ 
     $(this).addClass("done"); 
    } 
}); 

jQuery中的默認方法是GET，但你可以改變這一點，更多的jQuery的信息請參閱本頁面https://api.jquery.com/jQuery.ajax/