Languages
[Edit]
EN

JavaScript Ajax GET request with Java Spring MVC controller

10 points
Created by:
Root-ssh
68300

In JavaScript it is possible to make AJAX GET request in 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 usage to make GET 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;
            }
        }
    };

    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 handle 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
Native Advertising
50 000 ad impressions - 449$
🚀
Get your tech brand or product in front of software developers.
For more information contact us:
Red dot
Dirask - friendly IT community for everyone.

❤️💻 🙂

Join