내가 ... 내가 다음 코드

Question

내가 ... 아약스 호출을 사용하여 버튼의 ID를 전달하고 demo2라는 ID로 결과를 표시 할

을 시도 ... 아약스 호출을 사용하여 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

당신은 (방법 loadDoc2의 두 가지 방법 없음 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>