본문 바로가기

javascript

프로그래밍/JavaScript 2021. 4. 9. Javascript 페이지간 데이터 전달하기 Javascript를 활용해서 페이지를 이동하는 경우가 있습니다. 예를들면, home.html -> about.html 로 페이지를 이동하는 경우가 있습니다. 일반적인 방법으로 페이지가 이동해서 데이터를 받아온다면, 분명 서버로 이동해서 데이터를 요청해서 받으면 될 것 같지만, 사실 서버에 저장을 할 필요가 없는 경우도 있겟죠? 이럴 때 아주 유용하게 사용 할 수 있는 방법은 뭐가 있을까요? 이번에 알아본 데이터 전달하는 방법은 STEP 1. LocalStroage 사용하기 (보내는 페이지) LocalStroage를 활용해서 데이터를 전달하는 겁니다. 아래와 같이 localStrorage객체를 활용해서, Setitem이란 함수를 호출해주시면 됩니다. localStorage.setItem('키','값');..
프로그래밍/JavaScript 2020. 5. 19. for문 내에 ajax를 사용하면 순서 바뀌는 문제 해결 자바 스크립트를 통해서 for 문 내에 ajax를 사용해야 할때 주의해야 하는 부분이있습니다. 비동기방식의 요청이기 때문에, 먼저 응답온 내용부터 처리하게 되죠 그러면 값이 잘 안들어갑니다. 기존에 아래와 같은 코드를 사용하셨다면 for (i = 1; i < 10; i++) { var url = "https//www.naver.com"; $.ajax({ url: url, success: function (result) { console.log(result); } }) } async : false를 사용하셔서 동기 방식으로 요청을 해주시면 됩니다. for (i = 1; i < 10; i++) { var url = "https//www.naver.com"; $.ajax({ url: url, async : f..
프로그래밍/JavaScript 2020. 5. 9. 자바스크립트 함수 이후에 실행 하는 법 자바 스크립트에서 일정 함수 이후에 다른 함수를 실행하고 싶을 때에는 아래와 같이 하시면 됩니다. 함수().then(() => { 실행함수(); }); 쉽죠?

티스토리툴바