본문 바로가기

Ajax10

JavaScript No 'Access-Control-Allow-Origin' 에러 해결하기 No 'Access-Control-Allow-Origin' header is present on the requested resource. 스크립트 에러나는 이유 "교차 원본 요청 차단: 동일 출처 정책으로 인해 http://10.10.10.10/ysoftman 에 있는 원격 자원을 읽을 수 없습니다. 자원을 같은 도메인으로 이동시키거나 CORS를 활성화하여 해결할 수 있습니다." 스크립트에 다음과 같이 되어 있는 것을 ... 아래로 바꾼다., ... 다음과 같이 하면 에러 나지 않는다. ajax 대신 iframe 사용한다. 2015. 4. 16.
ajax 순차적으로 진행을 위한 방법 1st ajax success부분에 2nd ajax 로직을 넣어라. function ajaxModule(DATA,Url,Fn){ $.ajax({ type:"POST", //POST GET url:Url, //PAGEURL data : DATA, timeout : 30000, //제한시간 지정 cache : false, //true, false success: function whenSuccess(arg){ //SUCCESS FUNCTION Fn(arg); }, error: function whenError(x,e){ //ERROR FUNCTION ajaxErrorAlert(x,e); } }); } 2014. 5. 23.
jQuery Ajax를 이용해서 실시간 검색을 하려고 합니다. 500 에러 발생!! ~~~~해결~~~ JSP 상에 사용하신 tag에 지정된 paginationInfo가 Controller에서 넘어가지 않은 것 같습니다. (null) Controller에서 PaginationInfo 객체를 생성해서 모델에 넣으셨는지 확인해 보시면 되실 것 같습니다. jsp 쪽에서 입력한 값 9 는 컨트롤러에서 제대로 출력이되고 있습니다. 아래와 같이 널포인트 익셉션인데 어디를 봐야할까요? 콘트롤러에는 받은값 출력하고 리턴하는 코드만 있습니다. ===========/searchName:9============== 2012. 8. 7 오후 3:21:16 org.apache.catalina.core.ApplicationDispatcher invoke 심각: Servlet.service() for servlet.. 2012. 8. 9.
JavaScript, jQuery, AJAX 강좌 모음 AJAX 가 웹 기술의 대세로 떠오르면서, Javascript 언어에 대해 새로운 접근들이 시도되고 다양한 AJAX 및 자바스크립트 라이브러리들이 출시되었습니다. 많이 쓰이니까 쉽게 쓸 수 있도록 하는 방법들이 나오는 건 당연하겠죠. Script.aculo.us, Prototype.js , MooTools , jQuery, YUI ( Yahoo UI Library ) 등등.. 수 많은 Javascript 라이브러리중 최근의 대세는 jQuery – http://jquery.com/ 입니다. Google Trends를 통해서 위의 Script 라이브러리들을 비교해보면 이렇습니다. http://google.com/trends?q=jquery+%2C+script.aculo.us+%2C+prototype.js+%.. 2012. 1. 16.
Ajax 깜빡임 없는 refresh coding language="javascript" src="jslb_ajax.js">language="JavaScript" type="text/JavaScript">  function on_loaded( oj ){    value = decodeURIComponent( oj.responseText );  }  function timerProc(){    //current_status.html 에 갱신하고자 하는 value가 있다.    sendRequest( on_loaded,'','GET','current_status.html',true,true );    //id가 ttt 인 곳에 value를 refresh 시킨다.    document.getElementById( 'ttt' .. 2011. 4. 4.
Ajax를 이용한 화면 깜빡임없는 refresh 함수 function refreshPage(printID, pageUrl, delay, _method) { var update = new Ajax.PeriodicalUpdater( {success: printID}, // 실행이 성공하여 정상적으로 결과가 반환 되었을 때 decodeURIComponent(pageUrl), //refresh할 pgae를 uft8로 바꾼다, pageUrl+'?utf8=1'도 가능 { method: _method, // GET/POST 방식으로 전송 //parameters: , frequency: delay, // refresh되는 second decay: 1 } ); } refreshPage(info, data.html, 10, get) // id=info 인 곳에 data.ht.. 2011. 3. 13.
Javascript - Ajax Prototype.js 1. Ajax.Request Prototype에서 제공하는 Ajax 래핑 매서드중에 가장 기본적인 메서드입니다. Hash 타입의 옵션을 줄 수 있고 onComplete, onSuccess같은 Ajax 콜백 함수를 제공합니다. Javascript타입의 결과가 리턴될 경우에는 해당 JS를 자동으로 실행하여 주기도 합니다. Ajax의 옵션은 뒤에 설명하겠습니다. 기본적인 예제를 한번 볼까요? var url = '/proxy?url=' + encodeURIComponent('http://www.google.com/search?q=Prototype'); new Ajax.Request(url, { // GET 방식으로 전송 method: 'get', // 실행이 성공하여 정상적으로 결과가 반환 되었을 때 onSuc.. 2011. 3. 12.
Ajax Prototype.js 를 위한 개발자 노트(한글문서) Ajax Prototype.js 를 위한 개발자 노트(한글문서) http://openframework.or.kr/framework_reference/prototype_js/1.5.0/prototype.js.html 2011. 3. 3.
AJAX ??? (Asynchronous Java script And XML) 비동기 자바스크립트와 XML AJAX (Asynchronous JavaScript and XML) ; 비동기 자바스크립트와 XML AJAX는 사용자 요청을 즉시 처리하는 인터랙티브 형식의 웹 응용프로그램을 만들기 위한 컴퓨터 프로그래밍 방법이다. AJAX는 자바스크립트, DHTML, XML, CSS, DOM 그리고 마이크로소프트 객체인 XMLHttpRequest 등 여러 가지 프로그래밍 도구들을 결합시킨다. AJAX는 새로운 페이지 전체가 새로 표시될 때까지 사용자들이 기다려야 했던HTTP 요청과는 달리, 사용자가 어떤 동작을 수행하면 그 즉시 웹페이지의 내용이 수정되도록 해준다. 예를 들어, 기상예보 사이트에서 사용자가 우편번호를 입력하면 그 페이지의 한쪽 편에 그 지역 상황이 지체 없이 표시될 수 있게 하는 것을 들 수 있다. .. 2011. 1. 27.