본문 바로가기

반응형

ajax

[jsonp] jsonp 방식 으로 데이터 통신 자바 스크립트는 서로 다른 도메인에 대한 요청을 보안상 제한합니다. 이 정책을 동일근원정책(Same-Origin Policy, SOP) 정책이라고 하며, 이러한 정책으로 인해 생기는 이슈를 cross-domain 문제라고 합니다. 개발을 하다보면 어쩔 수 없이 다른 도메인으로부터 데이터를 가져와야 하는 경우가 많기에 많은 사람들이 cross-domain 이슈를 겪고 있습니다. 이런 경우 사용할 수 있는 것이 JSONP(JSON with Padding)입니다. 처음 JSONP를 접했을 때 잘 정리가 되지 않았던, 사용할 때 명확히 알아야 할 것들을 정리해보았습니다. 1. JSONP 요청은 일반 AJAX 요청과 다르다 //-- JSON $.ajax({ url: url, dataType: 'json', dat.. 더보기
Ajaxload gif Ajaxload gif www.ajaxload.info/ Ajaxload - Ajax loading gif generator Ajaxload (Beta) 더보기
Internet Explorer 에서의 ajax 에서의 한글 깨짐 현상 Internet Explorer 에서의 ajax 에서의 한글 깨짐 현상 IE에서만 encodeURI를 적용하는게 맞다. // 윈도우인지 다른 브라우저인지 확인 var ua = window.navigator.userAgent; var postData; // 윈도우라면 ? if (ua.indexOf('MSIE') > 0 || ua.indexOf('Trident') > 0) { postData = encodeURI(sendData); } else { postData = sendData; } $.ajax({ url: "thumnailUpload.php", // Url to which the request is send type: "POST", // Type of request to be send, called .. 더보기
[jQuery] AJAX Cross Origin plugin AJAX Cross Origin plugin 로컬 프록시를 작성할 필요없이 Cross Origin AJAX 요청을 허용하는 jQuery 플러그인입니다. http://www.ajax-cross-origin.com/ Ajax Cross Origin - jQuery plugin Source code In order maintain this site and keep it running, we ask for symbolic donation before you download the sources. You can donate as much as you want, even $1 is enough. The package contains the source code files include instructions and.. 더보기
[javascript] Apy: A library for rest API ajax calls Apy: A library for rest API ajax calls Apy is a client-side library for making rest API ajax calls. It’s simple, well-documented, and easy to get started with. GitHub: https://github.com/goschevski/apy 더보기
Monsta FTP — FTP cloudware Monsta FTP — FTP cloudware Monsta FTP is a cloud-based FTP client written in PHP and Ajax. It’s open source, has a compact installation, and even includes on-screen file editing. Homepage: http://www.monstaftp.com/ Demo Page: http://www.monstaftp.com/demo/ 더보기
[jQuery] jquery로 ajax 하기. ajax() 메소드는 비동기 요청을 수행. http://api.jquery.com/jQuery.ajax/ http://www.w3schools.com/jquery/ajax_ajax.asp jQuery.ajax( url [, settings ] )Returns: jqXHR $.ajax({ url:"demo_test.txt", success:function(result){ $("#div1").html(result); }}); getJSON() 메소드는 AJAX HTTP Get 요청을 사용하여 JSON 데이터를 가져온다. http://api.jquery.com/jQuery.getJSON/ http://www.w3schools.com/jquery/ajax_getjson.asp jQuery.getJSON( url.. 더보기
[IOS6] iOS6 SAFARI BUG (iOS6 사파리 버그 - AJAX, SPINNING, ...) iOS6 SAFARI BUG (iOS6 사파리 버그 - AJAX, SPINNING, ...)아이폰5 발표가 되고 조금 지나서 iOS6도 공개가 되었다. 업데이트평은인터넷 접근 속도가 빨라졌다.OS 전체적으로 조금 빨라졌다 라는 평이 많고..일부 아이폰 4이하 기기를 사용하시는 분들은 느려졌다는 의견도 좀 있다. 뭐.. 그런저런 이야기는 지나가고.. 개발을 하고 사용하다 보니 문제가 발생했다.바로바로...AJAX caching bug 사이트에서 페이지가 바뀌지 않은 상태에서AJAX를 재호출 했을 경우 이전에 받았던 데이터를 그냥 계속 불러오는 버그가 발생하였다. 예상되는 버그 시나리오 * 최초로 A data("test.jsp")를 요청 1. 서버로 A data를 요청 2. 서버에서 Safari로 전달 3... 더보기

반응형