Programming/Ajax (10) 썸네일형 리스트형 Ajax textStatusparsereoor Unexpected token A in JSON at position 0 에러 해결 방법 Ajax textStatusparsereoor Unexpected token A in JSON at position 0 에러 해결 방법 최근에 사이트를 만들던 파악하기 힘들었던 에러를 경험했습니다. Ajax를 이용해 정상적으로 데이터를 가져오지 못하는 경우 Ajax에서 에러가 출력 되도록 코드를 작성하지 않았다면 오류에 대한 내용이나 반응이 전혀 나오지 않습니다. 그래서 Ajax를 사용하면서 아래 오류에 대한 내용을 경험하신다면 제가 작성한 글을 참고하시면 도움이 되실 겁니다. - Ajax textStatusparsereoor 오류 - errorThrownSyntaxError: Unexpected token A in JSON at position 0 오류 해당 오류를 테스트하기 위해 직접 테스트 페이지 .. PHP AJAX를 이용해 데이터를 가져와 볼까?(Json 이용, Json 이용하지 않기) PHP AJAX를 이용해 데이터를 가져와 볼까? (JSON 이용, JSON 이용하지 않기) 개인적으로 만들고 있는 사이트가 있는데 페이지 전환 없이 데이터를 가져와야 할 경우가 많이 생기더군요. 모바일 환경과 PC 환경에서 동일한 화면을 보기 위한 반응형 웹사이트를 만들려고 하다 보니 자연스레 AJAX를 사용해서 화면에 보여줘야 될 것들이 많아졌습니다. 그래서 최근에 AJAX를 이용해 DB에 있는 데이터를 가져와 웹페이지를 만든 경험이 있는데 나중에 제가 참고할 용도로 작성하기도 했지만 필요하신 분들도 있을 거라는 생각에 나름대로 예제 코드를 간단히 작성해 보려고 합니다. 웹 개발을 진행하면서 다양한 방법이 있고 코딩 스타일도 모두 다르다 보니 제가 작성한 소스 코드가 형식에 맞지 않는 부분도 있고 부족.. onreadystatechange, onload, responseText Ajax 서버 전송후 데이터 처리 및 응답 결과onreadystatechange, onload, responseText, JSON onreadystatechange사용자가 요청이 보내면 서버에서 응답 결과를 보내 줍니다.사용자가 요청을 보내면 언제 도착하는지 알아야 다음 작업을 진행할수 있다.onreadystatechange이벤트를 통해서 데이터의 현재 상태가 어떠한 상태인지 처리 상태를 알수 있게 해주는 이벤트이다. onreadystatechange 의 값이 4이면 모든데이터를 받았다는 상태이다. exam request.onreadystatechange = callbackFunction; function callbackFunction() { if (request.readyState == 4) { //서.. Ajax open, send 메소드, get, post 의미 Ajax open, send 메소드, get, post 의미Ajax open()open() 메소드의 역활은 요청을 초기화, HTTP 메소드 및 URL을 설정 하는 역활을 한다. 예시 request = createHttpRequest(); //XMLHttpRequest 오브젝트 생성한 함수를 request 변수에 담는다. //open메소드 첫번째 값은 GET 방식이냐? 아니면 POST 방식이냐를 지정한다 //html 에서 전송 하는 타입 //open메소드 두번째는 같은 도메인에서 해당 값을 블러내 request.open("GET","/test.xml"); //.으로 open 메소드 접근한다. Ajax에 open()메소드는 세번째 인자는 기본적으로 설정을 하지 않는다면 비동기로 설정된다. Ajax send(.. XMLHttpRequest란? XMLHttpRequest란?Ajax로 실행되는 HTTP 통신은 XMLHttpRequest 규격을 이용하고 있다.이렇다할 표준은 아니지만 기본 통신 으로 가장 많이 사용되고 있다. XMLHttpRequest를 지원하는 브라우저Microsoft Internet Explorer 4.0이후 Mozilla Firefox 1.0 이후 Netscape 7 이후 Opera 7.6이후 Safari 1.2 이후 Konqueror 3 이후 Ajax의 핵심인 XMLHttpRequest에 의한 송수신 흐름사용자쪽에서 진행1. XMLHttpRequest 오브젝트 작성new XMLHttpRequest()new ActiveXObject("Microsoft.XMLHTTP")new ActiveObject("MSXML2.XMLHTTP".. Ajax보안 Ajax보안Ajax가 이용하는 HTTP 통신은 크로스 도메인 보안을 위해, 요청하는 url이 요청을 요구하는 페이지와 같은 도메인에 있어야한다. 다른도메인에서 JavaScript로는 접근할 수 없게 되어 있는것과 같은 이야기다. 이것은 각 브라우저에 제한 사항 이므로 제작시 신경 써야 하는 부분은 아니다. 다른 도메인의 데이터를 가공하기 위해 서버측 프록시를 뛰워 도메인을 넘어 데이터를 가져오는 방법도 있다고 한다. 이러한경우느 프록시가 보안의 구멍이 되지 않도록 주의 해야한다. 크로스 사이트 스크립트기본적으로 웹프로그래밍을 하다보면 크로스 사이트 스크립트에 주의 해야한다. 이점은 Ajax도 마찬가지다. 크로스 사이트 스크립트는 사용자가 실수나 또는 임의로 html 태그를 섞어서 응답 데이터를 보낼수도 .. Ajax란 무엇인가 Ajax란 무엇인가Ajax라는 말은 2005년 2월 18일에 Adaptive Path라는 회사에 일원이 올렸던 블로그 글하나가 계기가 되어 수식간에 세계로 퍼졌다고 합니다. 얼마 안되 전세계 웹 개발자들이 Ajax에 뜨거운 관심을 보였고 구글이 선도적으로 Ajax 채택으로 많은 개발자들이 구글 사이트에 쓰인 기술을 분석하여, 자바, PHP,Perl 등을 통해 Ajax 관련 툴과 실험사이트가 탄생 했습니다. Ajax의 핵심은 HTTP 클라이언트를 이용합니다. 인터넷을 대표하는 프로토콜인 HTTP가 기본이 되기 때문에 응용 분야가 매우 넓습니다. Ajax는 Asynchronous JavaScript And XMl(비동기 자바 스크립트와 XML의 약자) Ajax에서 XML은 필수가 아니며 TEXT 나 JSON.. .net 프레임워크로 ajax컨트롤 스크립트매니져 화면에 렌더링 되지 않음 ScriptManager - Ajax 처리에 관련된 모든 자바스크립트 코드를 자동으로 생성하는 역할 UpdatePanel - Ajax 처리를 하고 싶은 영역을 묶는 역할페이지 전환 없이 동적으로 데이터를 주고받는다. DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 이름 : 이름 : using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.. 이전 1 2 다음
