Ajax JSON으로 Controller로 보내기

Framework/SpringBoot

by H_Develop 2023. 2. 22. 17:20

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
    <script type="text/javascript" src="/sc/indexSc.js"></script>
    <p>HI</p>
    <table>
        <tr>
            <th>ID : </th>
            <td><input name="id"></td>
        </tr>
        <tr>
            <th>PASSWORD : </th>
            <td><input name="ps"></td>
        </tr>
    </table>
    <input type="button" name="connect">
</body>
</html>

js

$( document ).ready( function() {

    $('input[name="connect"]').click(function(){
        param = {
            id : $('input[name="id"]').val(),
            ps : $('input[name="ps"]').val()
        };
        
        $.ajax({
            type: 'POST',
            url: '/list',
            data : JSON.stringify(param),
            contentType: 'application/json',
            success: (data) => {
                console.log(data);
            }
        });
    })

});

viewController

package com.example.demo.test.controller;

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

@Controller
public class TestController {

    @RequestMapping(value = "/main")
    public String main() {

        return "index.html";
    }

}

manageController

package com.example.demo.test.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;

@Controller
public class activeController {

    @PostMapping("/list")
    public String list(@RequestBody vo VO) throws Exception {
        System.out.println("VO : " + VO.getId());
        System.out.println("VO : " + VO.getPs());

        return "true";

    }
}