Languages
[Edit]
EN

JavaScript Ajax GET request with Java Spring MVC controller

10 points
Created by:
Root-ssh
152850

In JavaScript, it is possible to make AJAX GET requests in the following way.

Note: scroll to See also section to see other variants of AJAX requests.

1. Pure JavaScript (Vanilla JS) AJAX GET request

In this section XMLHttpRequest object has been used to make a GET request.

// 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;
            }
        }
    };

    xhr.open('GET', '/examples/echo?text=hello', true);
    xhr.send(null);

</script>
</body>
</html>

2. Spring MVC server site GET methods example

In this section simple Spring backend that handles GET method requests is presented.

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

@Controller
public class EchoGetController {

    @RequestMapping(value = "/examples/echo", method = RequestMethod.GET)
    @ResponseBody
    public String makeGetEcho(@RequestParam("text") String text) {
        return text;
    }
}

See also

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

References

  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.

❤️💻 🙂

Join