>웹 프론트엔드 >JS 튜토리얼 >ajax/jquery.getjson 간단한 예제

ajax/jquery.getjson 간단한 예제

Lisa Kudrow
Lisa Kudrow원래의
2025-02-10 08:23:08573검색

Ajax/jQuery.getJSON Simple Example 이 기사는 JSON의 중요성과 웹 개발에서의 실제 응용 프로그램을 탐색하여 JSON 데이터를 처리하기위한 JQuery의 편리한 기능을 강조합니다. 키 포인트 :

JSON (javaScript 객체 표기법)은 웹 응용 프로그램의 데이터 전송에 이상적인 언어 공유 텍스트 기반 형식입니다. 간결한 구조는 XML보다 더 효율적입니다 jQuery의

메소드는 원격 소스에서 JSON 데이터로드를 단순화합니다. URL, 서버의 선택적 데이터 및 성공적인 응답을위한 콜백 함수를 허용합니다. 보다 다재다능한

메소드는 비동기 조작 ()을 포함하여 요청 매개 변수에 대한 더 미세한 제어를 제공합니다. JSONLINT와 같은 도구를 사용하여 JSON을 확인하는 것은 JSON의 엄격한 구문으로 인해 중요합니다. 후행 쉼표 또는 일관되지 않은 키 형식과 같은 오류는 문제를 일으킬 수 있습니다. JSON 문제는 서버의 JSON 형식 및 MIME 유형을 확인하고 콘솔 로깅을 사용하여 반환 된 데이터를 검사하는 것이 포함됩니다.

JSON 이해 :
    json 또는 javaScript 객체 표기법은 웹 애플리케이션에서 데이터 교환에 일반적으로 사용되는 언어 독립적 텍스트 기반 형식입니다. 이 기사는 http get requests를 통해 JSON 데이터 검색에 중점을 둡니다 (Post와 같은 다른 방법도 가능합니다). JSON의 효율성은 소형 구조에서 비롯되며 XML에 비해 파일 크기가 작고 구문 분석이 더 빠릅니다. 이 효율성은 JSON의 객체 표현을 활용하는 BSON과 같은 이진 형식으로 확장됩니다.
  • jquery and json : jQuery는 간소화 된 JSON 처리를위한
  • 방법을 제공합니다.
  • 의 단순화 된 버전으로, 관련 옵션을 암시 적으로 설정합니다. 구문은 다음과 같습니다 $.getJSON()
  • : JSON 데이터 소스의 URL (필수) : 서버로 보내는 선택적 데이터 (개체 또는 문자열). $.ajax() : 성공적인 검색에서 실행 된 콜백 함수 (선택 사항). 간단한 콜백은 다음과 같습니다 async: true
  • 를 사용하는 등가는보다 명백한 제어를 제공합니다 :
  • 예제 응용 프로그램 :
  • 간단한 데모는 패키지와 함께 node.js를 사용하여 정적 JSON 파일 ()을 제공합니다. 클라이언트 측 JavaScript ()는
  • 를 사용하여 데이터를 가져오고 표시합니다.
  • 샘플 javaScript () :
<code class="language-javascript">$.getJSON(url, data, success);</code>
이 코드는 DOM이로드 될 때까지 대기합니다. 그런 다음 클릭 이벤트를 처리하여 JSON을 가져와 부분을 변정되지 않은 목록으로 변환하고 RAW JSON을 표시합니다.

의 비동기 특성이 입증됩니다 $.getJSON() 샘플 json () :

샘플 html () : example.json

<code class="language-javascript">function success(data) {
  // Process the 'data' object
}</code>

index.html $. ajax () 메소드 :

>> $. ajax () 메소드는보다 포괄적 인 제어를 제공하여 동시 실행을위한 <code> async 와 같은 명시적인 옵션 설정을 제공합니다. <pre class="brush:php;toolbar:false">&lt;code class=&quot;language-javascript&quot;&gt;$.ajax({ dataType: 'json', url: url, data: data, success: success });&lt;/code&gt;</pre> > <code> reveridemimeType

위 내용은 ajax/jquery.getjson 간단한 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.