[英]How to create a button to respective table which is a response from a server and on button click send the contents as post request to the same server?
我有一個javascript代碼，它將GET請求發送到服務器，並接收XML響應，然后將內容放入表中。我應該為每行創建一個按鈕，當單擊它時，應將行內容發回到服務器上，我該怎么做？
function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); } }; xhttp.open("GET", "http://10.114.56.217:8080/Online_shopping_cart/services/smartphonelist", true); xhttp.send(); } function myFunction(xml) { var i; var xmlDoc = xml.responseXML; var table="<tr><th>TYPE</th><th>MAKE</th><th>PRICE</th><th>MODEL</th><th>ID</th><th>Select</th></tr>"; var x = xmlDoc.getElementsByTagName("itemnumber"); for (i = 0; i <x.length; i++) { table += "<tr><td>" + x[i].getElementsByTagName("type")[0].childNodes[0].nodeValue + "</td><td>" + x[i].getElementsByTagName("make")[0].childNodes[0].nodeValue + "</td><td>"+ x[i].getElementsByTagName("price")[0].childNodes[0].nodeValue + "</td><td>" + x[i].getElementsByTagName("model")[0].childNodes[0].nodeValue + "</td><td>"+ x[i].getElementsByTagName("id")[0].childNodes[0].nodeValue + "</td></tr>"; } document.getElementById("dem").innerHTML = table; }
<html> <button type="button" onclick="loadDoc()">Smartphones</button> <table id="dem"></table> </html>
我對javascript沒有太多經驗，因為您的問題需要在每行中添加具有不同標識符的按鈕，因此簡要來說，有多種方法可以使用，其中一種方法如下，
當您在表u中插入內容時，它本身可以為每行創建一個按鈕，例如html，但您可以在按鈕名稱后添加增量編號的后綴。 （例如：name0，name1）直接與按鈕名稱連接在一起。
在每個函數上單擊時，都使用該按鈕名稱調用相同的函數，然后在函數中從按鈕名稱中提取后綴號。
現在使用該號碼，您可以找到下一個請求中需要發送的內容。
這可能不是完美的解決方案，但是可以，它將為您提供幫助。
謝謝
如何發布表中的行內容，該表是服務器對GET請求的響應？
[英]How do i post the contents of a row from a table which is a response of a GET request from server?
JavaScript，發布，按鈕，直到第二次單擊才會給出服務器響應
[英]JavaScript, post, button will not give server response until the second click
HTML按鈕發送發送請求以從表中的.json檢索信息
[英]Html button to send a post request to retrieve information from .json in a table
如何解決按鈕單擊時的承諾並使用它來中止JavaScript中對服務器的請求？
[英]How to resolve a promise on button click and use it to abort a request to server in javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.