게다가 사용 XMLHttpRequest http get을 구현, ajax 웹 응용 프로그램에서 게시물 요청, jQuery는 또한 http get을 달성하기 위해 XMLHttpRequest를 래핑하는 몇 가지 방법을 제공합니다, 또한 아약스 요청을 게시. 이 문서에서는 사용 방법에 대한 예제를 보여 줄 것입니다. 실제 사례를 살펴보겠습니다. google.com 가서 “개”를 검색 – 검색 결과가 즉시 표시되는 방법을 참조, 그들은 심지어 당신이 검색을 변경할 때 변경? 이 데이터는 “온디맨드”로 가져왔으며 AJAX가 바로 그 것입니다. AJAX는 자바 스크립트와 HTTP 모두에 의존하며 AJAX를 완전히 파악하기 위해 두 가지를 이해하는 것이 좋습니다. 각 항목에는 이름, 공급자(또는 작성자) 및 리소스에 대한 URL이 포함되어 있습니다. 다음으로 우리는 제대로 서식이 JSON 텍스트 파일에 위의 정보를 배치해야합니다. 일반적으로 JSON은 서비스 또는 API 호출을 통해 제공되지만 이 예제에서는 단순히 자체 를 만들고 이름, 공급자 및 URL에 대한 세 가지 필드를 포함합니다. HTTP는 동사를 사용하여 얻기, 만들기, 업데이트 및 삭제와 같은 작업을 설명합니다. POST 동사는 일반적으로 리소스를 만드는 데 사용되며 이 구는 예제에서 사용할 동사입니다. 즉, 이 코드는 웹 페이지 상단에 임의의 환영 메시지(별도의 .json 파일에 지정)를 표시합니다. 그러나 JQuery는 AJAX를 사용하기위한 바로 가기를 제공한다는 점에 유의해야합니다. 예를 들어, AJAX를 사용하여 인출하는 간단한 환영 메시지를 표시하는 첫 번째 예는 JQuery 라이브러리를 사용하여 한 줄의 코드로 단축할 수 있습니다: JSON은 자바스크립트 개체 표기법을 의미하며 JavaScript를 쉽게 저장하는 방법입니다.

이해해야 합니다. 예를 들어 문자열 변수에 JSON으로 저장된 동일한 개체가 있습니다. dataType 설정은 서버에서 수신하는 데이터가 처리되는 방식을 제어합니다. 따라서 서버의 JSON을 클라이언트 측의 자바 스크립트에서 텍스트로 처리하려면 이 값을 텍스트로 설정합니다. dataType 값을 전혀 설정하지 않으면 jQuery는 서버가 보낸 내용을 파악하고 지능적으로 변환하려고 시도합니다. JSON이라고 생각하면 자바 스크립트 개체로 바뀝니다. XML이라고 생각하면 네이티브 XMLDocument 자바 스크립트 객체로 바뀝니다. JSON 파일에서 데이터를 검색한 후 기본 for 루프를 사용하여 내용을 반복한 다음 나중에 웹 페이지의 이 예제에서 테이블로 렌더링되는 HTML 문자열에 배치할 수 있습니다. 또한 HTML 파일이 완성 된 페이지의 더 좋은 스타일을 위해 부트 스트랩 프레임 워크를 사용하기 때문에 여기에 테이블 클래스를 추가했습니다. URL에 문자열 “콜백=?” (또는 서버 측 API에 의해 정의된 것과 유사함) 요청은 대신 JSONP로 처리됩니다. 자세한 내용은 $.ajax() jsonp 데이터 형식에 대한 토론을 참조하십시오. 아래는 입력 파일 data.json, 우리가 업데이트 세부 사항 버튼을 클릭 할 때 비동기적으로 업로드 됩니다 JSON 형식으로 데이터를 갖는.

이 파일은 http://www.tutorialspoint.com/json/ 보관되고 있습니다 http://www.tutorialspoint.com/json/ 나는 그들을 index.html, resources.js 및 resources.json을 호출 하는 3 개의 별도 파일에 위의 코드를 붙여 넣은. 버튼을 누를 때 얻을 수있는 것은 테이블에 정의되지 않은 무리입니다. 그런 다음 HTML 콘텐츠가 포함된 URL을 변경합니다 http://happycoding.io/tutorials/javascript/example-ajax-files/html-welcome.html. 몸에 더해. JSON에 대한 한 가지 더 주의사항: 실제 생활에서 볼 수 있는 대부분의 JSON은 이러한 예제보다 더 복잡할 것입니다.