EN
jQuery - Ajax POST request with Java Spring MVC controller
14
points
In this article, we're going to have a look at how to make make AJAX POST request with jQuery.
Note: scroll to See also section to see other variants of AJAX requests.
1. jQuery AJAX POST request
In this section $.ajax method is used to make POST request.
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$.ajax({
type: 'POST',
url: '/examples/echo-message',
data: {
message: 'hello'
},
success: function(text) {
$(document.body).text('Response: ' + text);
},
error: function (jqXHR) {
$(document.body).text('Error: ' + jqXHR.status);
}
});
});
</script>
</body>
</html>
2. Spring MVC server site POST methods example
In this section simple Spring backend that handle 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-message", method = RequestMethod.POST)
@ResponseBody
public String sendPostMessage(@RequestParam("message") String message) {
return message;
}
}