Languages
[Edit]
PL

JavaScript - ┼╝─ůdanie Ajax POST z kontrolerem Java Spring MVC

0 points
Created by:
Dirask Community
5460

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

Zobacz r├│wnie┼╝

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

Referencje

  1. Ajax (programming) - Wikipedia
  2. XMLHttpRequest.prototype.send method - MDN Docs
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