Inicio / ajax 파싱 예제

ajax 파싱 예제

첫 번째 단계에서는 웹 페이지에 표시할 정보 레코드를 포함하는 기본 json 파일을 만들어야 합니다. 이 예제에서는 JavaScript에 대한 5가지 교육 및 읽기 리소스 목록을 간단히 포함하겠습니다. 일반적으로 정적 JSON 파일을 요청하지는 않지만 동적으로 생성된 JSON을 로드합니다(예: API 호출의 결과). JSON 생성은 사전에 제공해야 하는 일부 매개 변수에 따라 달라집니다. 이 개체를 사용하여 요청이 완료된 후에도 콜백을 요청에 연결할 수 있습니다. 예를 들어 jqXHR 개체의 .then() 메서드를 사용하여 성공 및 오류 콜백을 연결할 수 있습니다. .then() 메서드는 하나 또는 두 개의 함수를 인수로 사용합니다. 요청이 성공하면 첫 번째 함수가 호출됩니다. 요청이 실패하면 두 번째가 호출됩니다. $.ajax() 메서드에는 성공, 오류, 완료 및 이전 Send와 같은 AJAX 응답을 적절하게 처리하기 위해 연결할 수 있는 몇 가지 이벤트가 있습니다.

우리가 가장 중요 한 것 들 성공과 오류, 그래서 우리는 우리의 예제에서 이들을 사용 합니다. 경우에 따라 함수가 처음 실행될 때 비동기 작업을 수행한 다음 나중에 사용할 값을 캐시하는 경우와 같은 즉시 반환되거나 비동기일 수 있는 작업이 있는 경우가 있습니다. 이 경우 $.when()를 사용하여 두 경우 모두 대응할 수 있습니다. 이 작업을 수행하려면 웹 서버에서 실행해야 합니다. Mac에서 작업 디렉토리에서 python -m SimpleHTTPServer 8000을 실행한 다음 http://localhost:8000 통해 HTML로 탐색할 수 있습니다. 당신이 윈도우에있다면 IIS를 시도합니다. 다음은 로컬 웹 서버를 실행하기 위한 편리한 옵션 목록입니다: https://gist.github.com/willurd/5720255. 여기에 내 예제에서 코드를 보면 트릭을하지 않는 경우 : http://www.carnaghan.com/code/ajax. 많은 자바 스크립트 개발자는 처음 다른 도메인에서 데이터를 가져 오기 위해 $.ajax를 사용하려고 할 때 놀라게하고 요청이 실패합니다. 예를 들어 타사 API에서 데이터를 가져오려고 시도하고 요청이 일관되게 실패하는 것을 발견할 수 있습니다. JSON 표준은 탭이나 줄 바선과 같은 «제어 문자»를 허용하지 않습니다.

$.parseJSON(`{«test»:»1t2n3″ }`)과 같은 예제는 JavaScript 파서가 문자열의 탭과 줄 바임이 리터럴 탭과 줄 바이라고 변환하기 때문에 대부분의 구현에서 오류를 throw합니다. «1\t2n3″과 같이 백슬래시를 두 배로 늘리면 예상 결과가 나오게 됩니다. 이 문제는 PHP와 같은 서버 측 언어에서 자바 스크립트 파일에 JSON을 삽입 할 때 종종 발생합니다. JSON은 데이터의 문자열 표현입니다. 일반 JavaScript 개체처럼 보이지만 일반 JavaScript 개체가 나타낼 수 있는 데이터의 하위 집합을 나타내는 데만 사용할 수 있습니다. 예를 들어 JSON은 함수 또는 날짜 개체를 나타낼 수 없습니다. 다음은 JSON 문자열의 예입니다. 모든 속성 이름이 인용되는 방법 주의 : 이제 JSON 파일이 만들어졌기 때문에 웹 페이지에서 올바르게 구문 분석하기 위해 일부 JavaScript를 작성해야합니다. 고맙게도 jQuery에는 AJAX 가 JSON 파일을 비교적 똑바로 호출할 수 있는 여러 가지 유용한 라이브러리가 있습니다.