如何在POST请求中将DOM元素的ID作为参数名发送

你只需要按照application/x-www-form-urlencoded规定的参数名=参数值格式构造请求体即可，把元素ID放在等号左侧作为参数名，右侧可以按需填写参数值，如果不需要额外传值也可以留空。

修改后的代码如下：

<HTML>
<head>
<script>
function fun1(element) {
    var xhttp = new XMLHttpRequest();
    xhttp.open("POST", "/prc", true);
    xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");    
    // 构造 元素ID=参数值 的格式，示例里值设为1，你可以按需修改
    xhttp.send(element.id + "=1");
    //alert("ID:"+element.id);
  }
</script>
</head>
<body>
<button type="button" onclick="fun1(this)" id="img1">IMAGE</button>
</body>
</html>

比如你点击ID为img1的按钮时，实际发送的请求体就是img1=1，此时服务端就能拿到参数名为img1的请求参数了。如果有多个参数需要一起发送，用&拼接即可，比如element.id + "=1&otherParam=test"。

内容的提问来源于stack exchange，提问作者Shubham