如何将数据从sun传输到java答案

【问题标题】：how to transfer data from sun to java如何将数据从sun传输到java
【发布时间】：2021-04-29 06:19:23
【问题描述】：

我有一个表格用于向 js 发送名字和姓氏

index.html

 <body>
       <form name="loginForm" onsubmit="createUser()"> 
        <p > Firstname: </p>
        <input type="text" name="firstname" id="firstname" placeholder="firstname"/><br>
        <p > Lastname: </p>
        <input type="lastname" name="lastname" id="lastname" placeholder="lastname"/><br>
        <input id="loginButton" type="submit" value="Create User" >
    </form>
       <script> 
           function createUser() {
            let firstname = document.forms['loginForm'].elements['firstname'].value;
            let lastname = document.forms['loginForm'].elements['lastname'].value;
                }
    
          createUser();
     </script>

我希望当点击创建用户按钮时，数据被传输到后端并在那里创建用户。

   @PostMapping(value = "/save", consumes = MediaType.APPLICATION_JSON_VALUE)
    public void save(@RequestBody Person person) {
        personService.save(person);
    }

我不明白如何将数据从 js 重定向到 java。

我使用 MVC 和 Spring Boot

【问题讨论】：

标签： javascript java spring-boot spring-mvc

【解决方案1】：

Vaniila JS 阿贾克斯：您可以从客户端向服务器发送 AJAX 请求。本例中的 POST 请求发送带有 2 个参数的 JSON：服务器变量名，服务器变量姓氏

 function createUser() {
     let firstname = document.forms['loginForm'].elements['firstname'].value;
     let lastname = document.forms['loginForm'].elements['lastname'].value;
     var xhttp = new XMLHttpRequest();
     xhttp.open("POST", "ajaxfile.php", true); 
     xhttp.setRequestHeader("Content-Type", "application/json");
     xhttp.onreadystatechange = function() {
     if (this.readyState == 4 && this.status == 200) {
       // Response code
    }
};
    var data = {server-var-first-name:firstname,server-var-last-name: lastname};
    xhttp.send(JSON.stringify(data));
 }

【讨论】：

我不应该将我的请求重定向到 localhost:9999； /保存？
您不需要执行“重定向”。请参阅 javascript“preventDefault”。