이 기사는 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"><code class="language-javascript">$.ajax({
dataType: 'json',
url: url,
data: data,
success: success
});</code></pre>
> <code> reveridemimeType
위 내용은 ajax/jquery.getjson 간단한 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!