我想使用ajax调用传递ID。我已经尝试了以下代码

Question

我想使用ajax调用传递按钮的ID ...并将结果显示到名为demo2的ID中...

<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

我会在函数上传递它并将其用作变量，因为“ 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> 

Answer 2

您可以通过两种方式来做到这一点：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>