ajax json 받기 예제

    JSON 유효성 검사의 개념을 소개하기 전에 보다 현실적인 예제를 간직해 보겠습니다. 일반적으로 정적 JSON 파일을 요청하지는 않지만 동적으로 생성된 JSON을 로드합니다(예: API 호출의 결과). JSON 생성은 사전에 제공해야 하는 일부 매개 변수에 따라 달라집니다. jQuery는 ajax 웹 응용 프로그램에서 get 또는 http 요청을 게시하는 방법을 아래에 제공합니다. $.ajax() 메서드는 비동기 HTTP(Ajax) 요청을 수행하는 데 사용할 수 있습니다. 차이점은 $.ajax()가 JSON 요청뿐만 아니라 XML, 스크립트, HTML 및 일반 텍스트 요청과 같은 다른 유형의 요청에도 사용할 수 있다는 것입니다. HTTP는 동사를 사용하여 얻기, 만들기, 업데이트 및 삭제와 같은 작업을 설명합니다. POST 동사는 일반적으로 리소스를 만드는 데 사용되며 이 구는 예제에서 사용할 동사입니다. 이 작업을 수행하려면 웹 서버에서 실행해야 합니다. Mac에서 작업 디렉토리에서 python -m SimpleHTTPServer 8000을 실행한 다음 http://localhost:8000 통해 HTML로 탐색할 수 있습니다. 당신이 윈도우에있다면 IIS를 시도합니다.

    다음은 로컬 웹 서버를 실행하기 위한 편리한 옵션 목록입니다: https://gist.github.com/willurd/5720255. 여기에 내 예제에서 코드를 보면 트릭을하지 않는 경우 : http://www.carnaghan.com/code/ajax. JSON 파일에서 데이터를 검색한 후 기본 for 루프를 사용하여 내용을 반복한 다음 나중에 웹 페이지의 이 예제에서 테이블로 렌더링되는 HTML 문자열에 배치할 수 있습니다. 또한 HTML 파일이 완성 된 페이지의 더 좋은 스타일을 위해 부트 스트랩 프레임 워크를 사용하기 때문에 여기에 테이블 클래스를 추가했습니다. 우리는 result.json 파일에서 JSON 콘텐츠를 다음과 가정 -이 예는 측면과 클라이언트 측면을 제공, 두 가지 측면을 가지고있다. 서버 측은 노드 JS에 의해 구현되고 클라이언트 측은 jQuery에 의해 구현됩니다. 노드 JS 서버 측 소스 코드에 대해 자세히 알아보려면 문서 노드 JS Http 서버 Get Post 예제를 읽을 수 있습니다. URL에 문자열 „콜백=?“ (또는 서버 측 API에 의해 정의된 것과 유사함) 요청은 대신 JSONP로 처리됩니다. 자세한 내용은 $.ajax() jsonp 데이터 형식에 대한 토론을 참조하십시오. $.getJSON() 방법은 추가 구성이 필요하지 않은 경우 JSON을 직접 사용할 수 있는 편리한 도우미입니다.

    본질적으로, 그것은 더 일반적인 $.ajax() 도우미로 귀결되며 올바른 옵션이 암시적으로 사용됩니다.