자바스크립트 fetch api 익스플로러 에러

fetch.js를 검색해서 사용할 경우 정상적으로 로드는 되지만 동작하는데 오류가 난다. 익스플로러에서 사용할 수 없는 기능이라고 오류가 난다. 익스플로러에서는 fetch 를 지원하지 않는다. 그래서 이렇게 지원되지 않는 브라우저에 최신 라이브러리를 사용할 경우에는 polyfill을 사용하면 된다. 이렇게 두 줄 추가해주면 fetch가 동작한다.

• format_list_bulleted Front-End/JavaScript
• · 2021. 2. 26.
• textsms

fetch 로 api 요청하기

fetch('url 입력', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ "keygroup": [ { "key": val, "key": val }, ] }), }) .then((res) => { return res.json(); }) .then((data) => { console.log(data); }); fetch를 사용하여 api를 요청 응답 받을 수 있다. url을 입력하고 headers 부분이나 body부분에 api 사용법을 통해 입력하게되면 통신 결과를 확인가능하다. 예를 들면 headrers 에 api 키 값을 넣는다거나 body에 속성 값을 넣는다 거나 말이다. 틀은 이렇게 잡..

• format_list_bulleted Front-End/JavaScript
• · 2021. 2. 19.
• textsms

ajax 성공적으로 받은 결과 if 문 사용하는법

success: function (data) { const data1 = $.trim(data); if (data1 == 'fair') { } } success로 data를 받았다. 근데 그 data를 if(data == "비교값") 하면 if문이 적용되지 않는다. $.trim()을 사용해서 결과값을 변수에 담아 그 변수를 비교값으로 사용하면 정상 적용된다.

• format_list_bulleted Front-End/JavaScript
• · 2021. 2. 19.
• textsms

자바스크립트 템플릿 리터널

let test = ''; console.log(test); //초,중,고 let test2 = [""]; //php test 배열을 implode() 를 통해서 ,로 잘라서 // 자바스크립트 변수에 넣어줍니다. 그러면 자바스크립트 [0] 번째 index에 전부 들어가게 됩니다. console.log(test2); //초,중,고 var test3 = test2[0].split(","); 해서 test3라는 배열을 만들어 ,를 기준으로 잘라서 넣어 줍니다. PHP로 개발을 하다보니 자바스크립트 안에서 PHP 변수를 사용하는 경우가 생겼다. 이럴 경우에 '' 로 사용이 가능했다. 그렇지만 적용이 불가능한 점도 확인 하였다. 예로들면 반복문으로 자바스크립트 배열에 PHP 배열을 넣는 것인데, [index] 가..

• format_list_bulleted Front-End/JavaScript
• · 2021. 1. 29.
• textsms