I've used application/x-www-form-urlencoded Since for application/x-www-form-urlencoded, the body of the HTTP message sent to the server is essentially one giant query string -- name/value pairs are separated by the ampersand (&), and names are separated from values by the equals symbol (=). An example of this would be: MyVariableOne=ValueOne&MyVariableTwo=ValueTwo but I want to send the id as a variable, not as a value. How can I send id as a variable? Following is my program: Thanks in Advance.
<HTML>
<head>
<script>
function fun1(element) {
var xhttp = new XMLHttpRequest();
xhttp.open("POST", "/prc", true);
xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhttp.send(element.id);
//alert("ID":element.id);
}
</script>
</head>
<body>
<button type="button" onclick="fun1(this)" id="img1">IMAGE</button>
</body>
</html>
You will have to create a FormData object, add your data to that object and send that object. Refer to this documentation.
var formData = new FormData();
formData.append("MyVariableOne", "ValueOne");
formData.append("id", 123456);
var xhttp = new XMLHttpRequest();
xhttp.open("POST", "/prc", true);
xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhttp.send(formData);