ajax 예제 json

첫 번째 단계에서는 웹 페이지에 표시할 정보 레코드를 포함하는 기본 json 파일을 만들어야 합니다. 이 예제에서는 JavaScript에 대한 5가지 교육 및 읽기 리소스 목록을 간단히 포함합니다. ajax.htm 파일로 저장합니다. 여기서 로드 함수 loadJSON()은 JSON 데이터를 업로드하기 위해 비동기적으로 사용된다. 위의 코드를 index.html, resources.js 및 resources.json이라고 부르는 3 개의 별도 파일에 붙여 넣습니다. 버튼을 누를 때 얻을 수있는 것은 테이블에 정의되지 않은 무리입니다. (그 보다 훨씬 더 많은 일을 할 수 있지만, 우리의 기본 예제에서 우리의 방법을 작동 하자.) 이 예제를 새로 고치면 다른 환영 메시지를 볼 수 있습니다. 다음 유형은 contentType입니다. HTTP 요청 및 응답이 작동하는 방식을 이해하는 것이 많은 도움이 되는 곳입니다. 여기서 설정한 내용은 HTTP 헤더 필드 콘텐츠 유형의 일부로 전송됩니다.

서버가 응답을 올바르게 해석할 수 있도록 어떤 유형의 콘텐츠를 보내고 있는지 미리 서버에 알려주기 때문에 주의해야 합니다. 예를 들어, 콘텐츠 유형의 응용 프로그램/json이 표시되면 서버 쪽 코드에서 JSON과 같이 콘텐츠를 처리하는 것이 알 수 있습니다. 데이터 매개 변수를 다른 데이터 유형으로 변환할 수 있다는 것을 알고 있는 한 해당 문제를 쉽게 해결할 수 있습니다. 양식에 대한 AJAX 서버 응답이 항상 한 가지 유형(예: JSON)이고 항상 JSON으로 취급하는 경우 dataType을 json으로 설정하는 것이 좋습니다. 서로 다른 데이터 형식 간에 저글링해야 하는 경우 jQuery가 데이터를 지능적으로 변환할 수 있도록 데이터 Type을 생략합니다. 성공 함수는 페이지에서 메시지를 업데이트하거나 테이블의 검색 결과를 업데이트하는 등 성공적인 AJAX 응답을 받은 후 작업을 수행하는 위치입니다. 여기에 내 고객 중 하나에서 jQuery AJAX 및 POST의 좋은 라이브 예입니다, 고급 SEO 마케터를위한 무료 키워드 제안 도구. 이 예제에서는 페이지가 로드되는 즉시 메시지를 가져오므로 처음에는 메시지가 없는 지 조차 알 수 없습니다. 그러나 페이지가 로드될 때가 아니라 원할 때마다 AJAX 요청을 할 수 있습니다. 이 페이지의 변경해 보십시오: $.ajax ({ 유형 : «GET», dataType: «json», URL : «users.json», 성공 : 기능 (결과) { console.log (결과); var 출력 = «IDNameHighFives제외»; (var i result) { 출력 += «» + 결과 [i]id ++[i].

이름 = «» + 결과[i].reward + «» + 결과[i].excluded + «»; } 출력 += «»; 그러나 JQuery는 AJAX를 사용하기위한 바로 가기를 제공한다는 점에 유의해야합니다.