My Coding World

와~ 하루를 꼬박 이것때문에.... 개고생했는데, 알고보니 그리 어려운 것이 아니었다는 것에 더.... 힘빠지네요~ ajax로 보내면.. 수많은 abort들 위의 것은 해결된 후에도 딱 한번만 나오면 좋겠는데, 그래도 두번은 나오네요. 이것 알기전에는 보통 3번, 많게는 5번씩 쭈~ 욱 읽는 것... 각설하고 핵심을 남겨놓습니다. var deferred = $.Deferred(); // data 전송해서 php 값을 넣기 위해 필요한 구문 $.ajax({ url: URL, type: "post", data: $("#board_form").serialize(), dataType:"json", timeout: 20000, // 20초 success : function(data){ deferred.resolv..

뭔지 모르겠다~~ 자바스크립트에서 출발해서 html css 제이쿼리까지는 조금씩 익숙해지는데, ajax라는 돌출 돌발건이 생겼다~~ 지금 웹프로그래밍하면서 다시 맨붕 찾아오는중~~ 마음대로 적는 ajax와의 만남!~ 과연 성공할지 궁금하다~ /* $.ajax({ type: "POST", // POST형식으로 폼 전송 url: "show_list.php", // 목적지 timeout: 1000, data: ({text1: _text1,text2: _text2,text3: _text3 }), cache: false, dataType: "text", error: function(xhr, textStatus, errorThrown) { // 전송 실패 alert("전송에 실패했습니다."); } }); // re..

fetch라는 함수를 아쉽게도 익스플로러11에서 사용이 안된다는 소식... 안타깝지만, 이것을 극복 할 수 있는 방법이 있어서 소개합니다. 위의 표에서 보시면, IE11은 지원하지 않네요. ajax의 꽃인 fetch기능을 활용하면 중복되는 코드를 많이 줄일 수 있는데요, CanIUse.com에서 이런 기능을 확인 할 수 있다는 것도 참 흥미롭네요. 프로그램하면서 자주 들어가 봐야할 것 같군요. A mordern replacement for XMLHttpRequest. fetch API pollyfill 이렇게 구글 검색하시면... github에서 자료를 다운로드할 수 있어요. 다운로드 받은 파일을 fetch폴더에 저장후 index.html에 위와 같이 기술하면 사용할 수 있어요. 최신브라우저에서는 당연히..

해시의 기능을 아시나요? html 웹페이지를 작성할때 특정한 부분으로 점핑할때 해시의 기능을 사용합니다. a.html#three 헬로.... 위의 주소 a.html#three 이렇게 주소를 입력하면헬로가 화면에 나오겠죠.... 아니 제일 위로 나옵니다. id로 지정된 곳으로 이동한다는 것이네요. 해시기능은 일종의 책갈피의 기능이 아닐런지요~ #three 여기서 #표시를 없애고 가져오고 싶다면? console.log(location.hash.substr(1)); 이런식으로 해시가 뭔지를 가지고 프로그램을 응용할 수 있습니다. 풀 주소인경우, location:8080/idex.html#javascript fetchpage(location.hash.substr(2)); 이렇게 하면 three란 단어를 가져옵니다.

안녕하세요. 요즘 ajax 활용을 공부하고 있는데요, 함께 알면 좋은 것을을 정리하는 노트입니다. 제가 기억하기 좋은 방법으로 기록해야 할 것 같아요~ onclick했을때 표현방법onclick="fetchpage('html')" 이렇게 호출하면 정말 코드의 크기를 많이 줄일 수 있겠네요~ article이란 태그에 넣는 데이터는 이제 자유자재로.... 위의 함수의 활용은 어마어마할 것으로 예상됩니다. 웹프로그램에 날개를 달아줄 것입니다. Ajax는 정말 멋진 방식이네요~

fetch('html').then(function(response){ // 서버에게 html이라는 파일을 요청 response.text().then(function(text){ alert(text); // 서버가 응답해 준 데이터가 text에 저장된다. }) }) ajax는 수많은 로딩타임을 줄여주는 것이 가장 큰 장점입니다. fetch API 사용하는 방법을 알아야 합니다. fetch('html'); -> html이란 파일을 서버에서 불러오라는 명령어.... 그럼 then은??? 뭘까요? fetch('html').then(); 응답이 끝나면 then( '함수명'); 함수명을 실행한다는 의미입니다. 응답이 끝나면 함수명을 실행합니다. //Asynchronous Javascript And Xml 비동기식이..