Fetch 3

[Vanilla JS] fetch - POST, application/json 로 요청하기!

# fetch - POST, application/json 주로 사용하는 ajax 대신 fetch 로 POST방식 application/json 타입으로 통신하기! # 환경 /** * tool: sts 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: maven * view: Thymeleaf */ # test page # test page html 바닐라JS 테스트 페이지 입니다.(not use jQuery) fetch # fetch (json) javascript example code function json() { // const value = document.getElementById('reqValue').value; const params = { t..

자바스크립트 2022.09.04

[Vanilla JS] fetch - POST, application/x-www-form-urlencoded 로 요청하기!

# fetch - POST, application/x-www-form-urlencoded 주로 사용하는 ajax 대신 fetch 로 POST방식 application/x-www-form-urlencoded 타입으로 통신하기! # 환경 /** * tool: sts 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: maven * view: Thymeleaf */ # test page # test page html 바닐라JS 테스트 페이지 입니다.(not use jQuery) fetch # fetch (post) javascript example code function post() { const params = { text: reqValue.value, numbe..

자바스크립트 2022.09.04

[Vanilla JS] fetch - GET, application/x-www-form-urlencoded 로 요청하기!

# fetch - GET, application/x-www-form-urlencoded 주로 사용하는 ajax 대신 fetch 로 GET방식 application/x-www-form-urlencoded 타입으로 통신하기! # 환경 /** * tool: sts 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: maven * view: Thymeleaf */ # test page # test page html 바닐라JS 테스트 페이지 입니다.(not use jQuery) fetch # fetch (get) javascript example code function get() { const params = { text: reqValue.value, number: 1..

자바스크립트 2022.09.04