PL
JavaScript - żądanie Ajax POST z kontrolerem Java Spring MVC
0
points
W JavaScript można wykonać żądanie AJAX POST w następujący sposób.
Uwaga: przewiń do sekcji Zobacz również, aby zobaczyć inne warianty żądań AJAX.
1. Żądanie POST w czystym JavaScript (Vanilla JS) AJAX
W tej sekcji do wykonania żądania POST przedstawione jest użycie obiektu XMLHttpRequest.
// 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. Przykład metody POST serwisu serwera Spring MVC
W tej sekcji przedstawiony jest prosty backend Springa obsługujący żądania metody POST.
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;
}
}