jQuery - Ajax POST request with Java Spring MVC controller

14 points
Created by:

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>
  <script src=""></script>  

    $(document).ready(function() {
            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);


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;

public class EchoPostController {

    @RequestMapping(value = "/examples/echo-message", method = RequestMethod.POST)
    public String sendPostMessage(@RequestParam("message") String message) {
        return message;

See also

  1. JavaScript Ajax POST request with Java Spring MVC controller
  2. JavaScript - how to make ajax request?


  1. Ajax (programming) - Wikipedia
  2. XMLHttpRequest.prototype.send method - MDN Docs
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.


Native Advertising
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂