如何向ajax發送按鈕值

Question

我嘗試將按鈕值（整數）作爲頁碼發送到ajax函數，然後發送到php文件，但無法使其工作。按鈕是：

<form method="get" onchange = PageFunction(this.value)> 
<button class = 'pages' type='button' onchange = 'PageFunction(this.value)' value="1">1</button> 
<button class = 'pages' type='button' onchange = 'PageFunction(this.value)' value="2">2</button> 
</form> 

Ajax的功能是：

function PageFunction(page){ 
var ajaxRequest; 

if (page==""){ 
    document.getElementById("Pagination").innerHTML = ""; 
    return; 
}else{ 

    if (window.XMLHttpRequest) { 
    ajaxequest = new XMLHttpRequest(); 
    }else{ 
    ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
} 

// Create a function that will receive data sent from the server 
ajaxRequest.onreadystatechange = function(){ 
    if(ajaxRequest.readyState == 4 && ajaxequest.status == 200){ 

     var ajaxDisplay = document.getElementById('Pagination'); 
     ajaxDisplay.innerHTML = ajaxRequest.responseText; 
    } 
} 

ajaxRequest.open("GET", "pathjobs-ajax2.php" + page, true); 
ajaxRequest.send(null); 
} 

感謝您的幫助！

Answer 1

隊友，按鈕沒有平變化，試試這個：

<button class = 'pages' type='button' onclick = 'PageFunction(this.value)' value="2">2</button> 

Answer 2

沒有使用jQuery

var PageFunction = function(val) { 
    console.log(val); 
    // ajax call here. 
} 

<form method="get" onchange = PageFunction(this.value)> 
    <button class = 'pages' type='button' onclick = 'PageFunction(this.value)' value="1">1</button> 
    <button class = 'pages' type='button' onclick = 'PageFunction(this.value)' value="2">2</button> 
</form> 

使用jQuery

$('.pages').on('click',function(e){ 
    console.log($(this).val()); 
    // ajax call here. 
});