FrontEnd/JavaScript2 AJAX AJAX 웹에서 화면을 갱신하지 않고, 데이터를 서버로부터 가져와 처리하는 방법 AJAX 사용 방식 1. XMLHttpRequest 이용 방식 2. fetch() 이용 방식 3. 외부 라이브러리 이용 방식 - jQuery ajax() 4. 외부 라이브러리 이용 방식 - axios AJAX 요청에 대한 응답 1. 요청에 대한 처리를 한 후 text, xml, json으로 응답한다. 2. client에서는 이 응답 data를 이용하여 화면 전환 없이 화면에서 볼 수 있다. 1. fetch() - fetch() 함수는 첫 번째 인자로 URL, 두번째 인자로 options 객체를 받습니다. - options에 아무것도 넘기지 않으면 요청은 GET 방식으로 진행됩니다. - 실행 결과 Promise 타입의 객체를 .. 2022. 9. 28. [JavaScript]JSON parse, stringify 함수 JSON : 자바스크립트 객체 문법을 따르는 문자 기반의 데이터 포맷입니다. AJAX를 사용할때 이 JSON을 활용하고는 합니다. 1. JSON.stringify() : 자바스크립트 객체를 JSON 텍스트 문자열로 저장합니다. 객체/배열에서 JSON문자열을 만드는 것입니다.(Object->String 변환) var object1 = { "email": "slsls@naver.com", "pass": "1ss4", } var str = JSON.stringify(object1); console.log(typeof (str));//string 2. JSON.parse() : 문자열을 객체로 변환시켜줍니다. JSON 문자열의 구문을 분석하고, 그 결과에서 js 값이나 객체를 생성하게 됩니다.(String->O.. 2022. 9. 8. 이전 1 다음