Ajax, 쿼리 스트링

• Ajax

 

Ajax로 btn 클래스를 가진 버튼을 클릭하면 /test1 으로 post 요청을 보낸다, 

document.querySelectorAll('.btn')[0].addEventListener('click', function (){
    fetch('/test1',{
        method : 'POST',
        headers : {'Content-Type' : 'application/json'},
        body : JSON.stringify({name : 'kim'})
    })
})

 

@RequestBody로 받은 json을 map에 저장해서 키 : 데이터 형태로 저장할 수 있다

@PostMapping("/test1")
String test(@RequestBody Map<String,Object> body ){
    System.out.println(body.get("name"));
    return "/list";
}

 

• 쿼리 스트링

url에 데이터를 담아서 보낸다

document.querySelectorAll('.btn')[0].addEventListener('click', function (){
    fetch('/test1?name=ho&age=21')
})

 

@RequestParam으로 url 데이터를 가져온다

@GetMapping("/test1")
String test(@RequestParam String name, String age ){
    System.out.println(name + " " + age);
    return "/list";
}