EN
JavaScript Ajax POST request with Java Spring MVC controller
1
points
In JavaScript, it is possible to make an AJAX POST request in the following way.
Note: scroll to See also section to see other variants of AJAX requests.
1. Pure JavaScript (Vanilla JS) AJAX POST request
In this section XMLHttpRequest
object usage to make a POST request is presented.
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<body>
<script>
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
document.body.innerText = 'Response: ' + xhr.responseText;
} else {
document.body.innerText = 'Error: ' + xhr.status;
}
}
};
var data = 'This is my data';
xhr.open('POST', '/examples/echo', true);
xhr.send(data);
</script>
</body>
</html>
2. Spring MVC server site POST methods example
In this section simple Spring backend that handles POST method requests is presented.
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
public class EchoPostController {
@RequestMapping(value = "/examples/echo", method = RequestMethod.POST)
@ResponseBody
public String makePostEcho(@RequestBody String data) {
return data;
}
}