jQuery가 json 데이터를 비동기적으로 가져오는 방법에는 두 가지가 있습니다. 하나는 $.getJSON 메서드이고 다른 하나는 $.ajax 메서드입니다. 이 문서에서는 이 두 가지 방법을 사용하여 json 데이터를 비동기식으로 가져온 다음 이를 페이지에 추가합니다. 루트 디렉터리에 data.json 파일을 만듭니다. 코드 복사 코드는 다음과 같습니다. { "one" : "안녕하세요", "둘" : "세계" } ■ $.getJSON 메소드를 통해 json 데이터 가져오기 코드 복사 코드는 다음과 같습니다. <br> $(function() {<br> $.getJSON('data.json', function(data) {<br> var 항목 = [];<br> $.each(data, function(key, val) {<br> items.push('<li id="' key '">' val '</li>');<br> });<br> $('<ul/>', {<br> '클래스': '목록',<br> html: items.join('')<br> }).appendTo('body');<br> });<br> });<br> <br> </div> <p><img src="/static/imghwm/default1.png" data-src="http://files.jb51.net/file_images/article/201412/2014122214514435.png" class="lazy" alt=""> </p> <p><strong>■ $.ajax 방식으로 json 데이터 얻기</strong></p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="165" class="copybut" id="copybut165" onclick="doCopy('code165')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code165"> <br> <script src="Scripts/jquery-2.1.1.min.js"> <br> $(함수() {<br> $.ajax({<br> URL: 'data.json',<br> 데이터 유형: 'json',<br> 성공: 함수(데이터) {<br> var 항목 = [];<br> $.each(데이터, 함수(키, 값) {<br> items.push('<li id="' key '">' val '</li>');<br> });<br> $('<ul/>', {<br> '클래스': '목록',<br> html: items.join('')<br> }).appendTo('body');<br> },<br> 상태 코드: {<br> 404: 함수() {<br> Alert("没有找到상关文件~~");<br> }<br> }<br> });<br> });<br> <br> </div> <p><strong>总结:使use$.getJSON방식과 $.ajax방향 방식과 유사한 방식으로 사용 가능 $.getJSON 방식과 $.ajax 방식과 유사한 방식으로 사용 .ajax방법。</strong> </p>
