我想用Ajax調用傳遞ID ..我曾嘗試下面的代碼

Question

我想用Ajax調用通過按鈕的ID ......並顯示結果爲ID叫DEMO2 ...

<script> 
function loadDoc2() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     document.getElementById("demo2").innerHTML = xhttp.responseText; 
    } 
    } 
    xhttp.open("GET", "get_coupon_code.php?offline_offer_id=" +this.id, true); 
    xhttp.send(); 
} 
</script> 

<div id="demo2"></div> 

<button id="111" onclick="loadDoc2()">Button 1</button> 
<button id="222" onclick="loadDoc2()">Button 2</button> 
<button id="333" onclick="loadDoc2()">Button 3</button> 

Answer 1

您可以通過兩種方式 否1.

<script> 

function loadDoc2(id) { //here is your id 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     document.getElementById("demo2").innerHTML = xhttp.responseText; 
    } 
    } 
    xhttp.open("GET", "get_coupon_code.php?offline_offer_id=" +this.id, true); 
    xhttp.send(); 
} 
</script> 

<div id="demo2"></div> 

<button id="111" onclick="loadDoc2("111")">Button 1</button> 
<button id="222" onclick="loadDoc2("222")">Button 2</button> 
<button id="333" onclick="loadDoc2("333")">Button 3</button> 

否2.

<script> 
function loadDoc2() { 
var Id = $(this).attr('id'); //here is your id 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     document.getElementById("demo2").innerHTML = xhttp.responseText; 
    } 
    } 
    xhttp.open("GET", "get_coupon_code.php?offline_offer_id=" +this.id, true); 
    xhttp.send(); 
} 
</script> 

<div id="demo2"></div> 

<button id="111" onclick="loadDoc2()">Button 1</button> 
<button id="222" onclick="loadDoc2()">Button 2</button> 
<button id="333" onclick="loadDoc2()">Button 3</button> 

Answer 2

我會將它傳遞給函數，並將它用作變量，因爲「this」在窗口範圍內顯示。

<script> 
 
function loadDoc2(element) { 
 
    var xhttp = new XMLHttpRequest(); 
 
    xhttp.onreadystatechange = function() { 
 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
 
     document.getElementById("demo2").innerHTML = xhttp.responseText; 
 
    } 
 
    } 
 
    xhttp.open("GET", "get_coupon_code.php?offline_offer_id=" +element.id, true); 
 
    xhttp.send(); 
 
    document.getElementById("demo2").innerHTML = element.id + " clicked"; 
 
} 
 
</script> 
 

 
<div id="demo2"></div> 
 

 
<button id="111" onclick="loadDoc2(this)">Button 1</button> 
 
<button id="222" onclick="loadDoc2(this)">Button 2</button> 
 
<button id="333" onclick="loadDoc2(this)">Button 3</button>