AJAX 요청에서 JSON 데이터 스크랩

Question

JSON 데이터와 페이지 매김 링크를 반향시키는 PHP 함수가 있습니다. 데이터는 정확히 이와 같습니다.

[{"name":"John Doe","favourite":"cupcakes"},{"name":"Jane Citizen","favourite":"Baked beans"}] 
Previous 
Next 

이 데이터를 얻으려면 jQuery.ajax() 함수를 사용하십시오. 내 코드는 다음과 같습니다 : -

function loadData(page){     
    $.ajax 
    ({ 
     type: "POST", 
     url: "http://sandbox.dev/favourite/test", 
     data: "page="+page, 
     success: function(msg) 
     { 
      $("#area").ajaxComplete(function(event, request, settings) 
      { 
       $("#area").html(msg); 
      }); 
     } 
    }); 
} 

jQuery를 사용하여, 어쨌든 나는 데이터가 AJAX 요청에서 반환 긁어 JSON 데이터를 사용할 수 있습니까? 아니면 이것을하는 더 좋은 방법이 있습니까? 나는 실험하고 JSON 데이터를 페이지 매기기를하고 싶습니다.

Answer 1

JSON 이후에 HTML 링크를 추가하는 것과 같은 형식을 고안하지 않는 것이 좋습니다. JSON은 이미 필요한 모든 구조를 보유 할 수 있습니다. 예를 들어 다음과 같은 양식을 사용할 수 있습니다 : 그것은 아주 쉽게 구문 분석 할 수있는 클라이언트 측에

{ 
    "data": [ 
     {"name": "John Doe", "favourite": "cupcakes"}, 
     {"name": "Jane Citizen", "favourite": "Baked beans"} 
    ], 
    "pagination": { 
     "prev": "previous page URL", 
     "next": "next page URL" 
    } 
} 

:

$.ajax({ 
    url: "URL", 
    dataType:'json', 
    success: function(resp) { 
     // use resp.data and resp.pagination here 
    } 
}); 

Answer 2

이 작업을 시도 할 수 있습니다 : -

var jsObject = JSON.parse(your_data); 

data = JSON.parse(gvalues); 
var result = data.key; 
var result1 = data.values[0]; 

Answer 3

는 JSON 객체를받을 아약스 요청에 dataType와을 넣어하거나 문자열을 받게됩니다.

"이전"과 "다음"을 json에 넣으면 유효하지 않습니다. 당신의 PHP 파일에서

function loadData(page){     
    $.ajax({ 
     type: "POST", 
     url: "http://sandbox.dev/favourite/test", 
     data: {'page':page}, 
     dataType:'json', 
     success: function(msg){ 
      if(typeof (msg) == 'object'){ 
       // do something... 
      }else{ 
       alert('invalid json'); 
      } 
     }, 
     complete:function(){ 
      //do something 
     } 
    }); 
} 

와 ..이처럼, 당신의 JSON 객체 ... 사용을 console.log를 보려면 헤더

header("Content-type:application/json"); 
// print your json.. 

을 넣어 :

// your ajax.... 
success:(msg){ 
if(window.console) console.dir(typeof(msg), msg); 
} 

당신의 변경 json을 다음과 같이 변경합니다. (유효성을 검사하려면 jsonlint를 사용하십시오 - http://jsonlint.com/)

{ 
    "paginate": { 
     "previous": "http...previsouslink", 
     "next": "http...nextlink" 
    }, 
    "data": [ 
     { 
      "name": "JohnDoe", 
      "favourite": "cupcakes" 
     }, 
     { 
      "name": "JaneCitizen", 
      "favourite": "Bakedbeans" 
     } 
    ] 
} 

Answer 4

을 대신 내가 당신을 제안하려는 JSON 데이터를 긁어의 순수한 JSON 데이터를 반환 . 귀하의 유스 케이스에 따라 나는 Previous과 Next을 쓸 필요가 없다고 생각합니다. 반환 URL의 첫 번째 객체가 Previous이고 다음 객체가 Next 인 것으로 추측됩니다. 아래 문자열을 반환하면됩니다.

[{"name":"John Doe","favourite":"cupcakes"},{"name":"Jane Citizen","favourite":"Baked beans"}] 

아래와 같이 읽습니다.

function loadData(page){     
    $.ajax 
    ({ 
     type: "POST", 
     url: "http://sandbox.dev/favourite/test", 
     dataType:'json', 
     success: function(msg) 
     { 
      var previous = msg[0]; //This will give u your previous object and 
      var next = msg[1]; //this will give you your next object 

      //You can use prev and next here. 

      //$("#area").ajaxComplete(function(event, request, settings) 
      //{ 
      // $("#area").html(msg); 
      //}); 
     } 
    }); 
} 

이 방법은 전체 HTML을 변경하지 않을 데이터 만 반환합니다.