ajax json 파싱 예제


JSON.parse() 함수를 사용하여 이 JSON을 배열로 변환한 다음 JavaScript를 사용하여 이 JSON의 데이터를 얻을 수 있습니다. 예를 들어, 이 줄은 첫 번째 개체의 지점을 인쇄합니다: 즉시 사용, jQuery는 JSON 데이터를 요청, 전송 및 조작하는 데 사용할 수 있는 여러 Ajax 관련 함수와 함께 표준으로 제공됩니다. 이러한 함수의 전체 목록은 jQuery 설명서에서 찾을 수 있습니다. 다음 예제에서는 $.ajax 함수를 사용 합니다. 나는이 하나에 벽에 내 머리를 때리고있어요. 처음에 앱을 빌드했을 때 아래 스크립트가 작동했습니다. 그런 다음 어떤 이유로 중지. 스크립트가 계속되기 전에 호출된 json 파일이 완전히 로드되지 않을 수 있습니다. 어떤 제안? 위의 코드를 사용하여 데모에 대한 펜 jQuery AJAX JSON을 참조하십시오. (이 코드펜 데모에서 리소스를 제공하기 위해 myjson.com 서비스를 사용하고 있습니다.json) 브라우저가 JSON.parse의 기본 구현을 제공하는 경우 jQuery는 문자열을 구문 분석하는 데 사용합니다. JSON 형식에 대한 자세한 내용은 https://json.org/ 참조하십시오. 상태 변수는 요청의 HTTP 상태 코드를 보유합니다. 예를 들어 URL이 올바르게 로드되면 200, 파일이 누락된 경우 404(이전에 인터넷을 탐색하는 동안 404 오류를 보았을 수 있음) 또는 서버에 오류가 있는 경우 500입니다.

다음은 가능한 값의 전체 목록이지만 지금은 200 (성공)의 상태에 만 관심이 있습니다. JSON 유효성 검사의 개념을 소개하기 전에 보다 현실적인 예제를 간직해 보겠습니다. 일반적으로 정적 JSON 파일을 요청하지는 않지만 동적으로 생성된 JSON을 로드합니다(예: API 호출의 결과). JSON 생성은 사전에 제공해야 하는 일부 매개 변수에 따라 달라집니다. 즉, 이 코드는 웹 페이지 상단에 임의의 환영 메시지(별도의 .json 파일에 지정)가 표시됩니다. 이 예제에서는 페이지가 로드되는 즉시 메시지를 가져오므로 처음에는 메시지가 없는 지 조차 알 수 없습니다. 그러나 페이지가 로드될 때가 아니라 원할 때마다 AJAX 요청을 할 수 있습니다. 페이지의 변경해 보십시오: JSON이 유효한지 확인하기 위해 항상 무료 JSON Lint 서비스를 통해 실행하는 것이 좋습니다. json 파일을 resources.json으로 저장합니다. 잘못된 JSON 문자열을 통과하면 자바스크립트 예외가 throw됩니다. 예를 들어 다음은 모두 잘못된 JSON 문자열입니다.

함수 내에서 이것이 실제로 성공적인 요청인지 확인한 다음 응답을 일반 텍스트로 포함하는 responseText 특성을 살펴봅니다. 이 예제에서는 콘솔에 붙여 넣기만 하면 다시 얻을 수 있는 작업을 쉽게 확인할 수 있습니다. 그런 다음 JSON.parse에 대한 호출을 래핑하는 시도 캐치 블록이 있습니다. 이렇게하면 서버가 제대로 서식이 지정되지 않은 문자열을 반환하는 경우 꽤 많은 시간을 절약 할 수 있습니다.