JSON에서 데이터 가져 오기 - PhoneGap 및 WordPress

Question

내 WordPress 블로그에 iOS 응용 프로그램을 개발하려고하는데 몇 가지 이유 때문에 Objective-C 대신 PhoneGap을 사용하기로 결정했습니다. , 지금까지 내가 JSON API와 응용 프로그램 사용자 인터페이스를 설정했다 https://github.com/abachuk/WordPress-jQuery-mobile-and-Phonegap-app-for-iOS

하지만 연구 2 일의 결과로 : 나는 자습서를 읽어 여기에 게시 : http://alexbachuk.com/wordpress-and-phonegap-part-1/ 을 또한 나는이 응용 프로그램의 코드와 함께 놀았 나는 내 문제에 도움이되는 것을 찾지 못했습니다. 하나의 게시물에 대한 JSON API 생성하는 내 코드입니다 :

echo '"item": {'; 

      $title = get_the_title(); 

      echo '"title": "'.$title.'",' ; 

      $text = get_the_content(); 
      echo '"content": "'.$text.'",' ; 


      echo '"post-foot": " like this post ",' ; 
      echo '"post-num": "'.$post_num.'",' ; 

      echo '}'; 

을 그리고 나는 그런 형식으로 iOS 앱에서 출력 그들에게 원하는 :

<article class="post"> 
     <section class="post-title"> 
      <h2>{the post title}</h2> 
     </section> 
     <section class="post-text"> 
      {the post content} 
     </section> 
     <section class="post-foot"> 
     {the post foot} and {the post num} 
     </section> 
    </article> 

나는 매우 경험이 아니에요 javascript 그리고 나는 이것을 피하기 위해 라이브러리와 jQuery을 피하는 것을 선호한다. 어떤 제안을하면 어떻게 할 수 있습니까?

은 내가 전에 언급 한 응용 프로그램 코드의 평화를 발견하고 정말 날 감동 :

<ul data-role="listview" data-inset="true" id="all-posts"> 

    {{#each posts}} 

     <li><a data-transition="slide" href="single.html?{{@index}}">{{title}}</a></li> 

    {{/each}} 
    </ul> 

Answer 1

글쎄, 당신은 폰갭을 사용하기를 원하지만 라이브러리와 프레임 워크를 사용하지 않으려면, 당신은 꽤 많이 손으로해야합니다.

JSON.parse를 사용하여 JavaScript 객체를 가져온 다음 DOM 조작 (document.createElement, element.appendChild 등)을 사용하여 구조를 만들 수 있습니다.

하지만 ... 왜 세계에서 도서관을 사용하고 싶지 않습니까? 가장 먼저 할 일은 바퀴를 재발 명하는 것을 피하기 위해 도서관을 찾고 있습니다.

서버 측과 동일한 점 : json_encode (PHP를 사용하는 경우)를 사용하여 JSON을 수동으로 만들지 마십시오. 그런데

, 당신을 감동 코드는