PHP / Ajax / jquery / JSON-在Ajax Post之后將回顯文本的一部分作為變量返回

Question

我正在研究一個簡單的Ajax post方法，這是我的代碼：

     <script type="text/javascript">
    jQuery(document).ready(function($) {


      $(window).scroll(function() {
           if($(window).scrollTop() + $(window).height() == $(document).height()) {

                var nextUrl = "<?PHP echo $nexturl;?>";
                $('#Loading').show();
                $.ajax({
                  url: 'ajax.php',
                  type: 'POST',
                  dataType: 'html',
                  data: {
                    next_url: nextUrl
                  },
                }).done(function ( html ) {
                  $('#LoadedResults').html( html );
                  $('#Loading').hide();
                });



             }
    });
    });
  </script>

這段代碼將發布數據發送到ajax.php：

<?PHP
 function callInstagram($url)
    {
    $ch = curl_init();
    curl_setopt_array($ch, array(
    CURLOPT_URL => $url,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_SSL_VERIFYPEER => false,
    CURLOPT_SSL_VERIFYHOST => 2
    ));

    $result = curl_exec($ch);
    curl_close($ch);
    return $result;
    }


    $client_id = "1e0f576fbdb44e299924a93cace24507";
    $Next_URL = $_POST["next_url"];
    $url =  $Next_URL;

    $inst_stream = callInstagram($url);
    $results = json_decode($inst_stream, true);
    $maxid = $results['pagination']['next_max_id'];
    $nexturl = $results['pagination']['next_url'];
    //Now parse through the $results array to display your results... 


     echo json_encode(array(
        'next_url_link' => $nexturl
      ));

ajax.php回顯結果為：

{"next_url_link":"https:\/\/api.instagram.com\/v1\/tags\/sweden\/media\/recent?count=24&client_id=1e0f576fbdb44e299924a93cace24507&max_tag_id=1427904820688670"}

我在這里和那里看，我認為有一些json方法可以用來獲取next_url_link的結果。

那么，伙計們，我如何獲取為next_url_link打印的結果，並設置為活動的jQuery / JavaScript變量？

例如：

 var NextUrlLink = data.next_url_link;

有可能回家嗎？ 我應該創建兩個.ajax post方法還是不知道？

提前致謝！

Answer 1

使用函數JSON.parse() 。 所以這是您將如何做：

.done(function ( html ) {
                  var data = JSON.parse(html);
                  //now use data.next_url_link
                  $('#LoadedResults').html(data.next_url_link);
                  $('#Loading').hide();
                });

Answer 2

也許您可以使用成功函數來檢索您在json中編碼的數據

var NextUrlLink = []; //declare it as a global variable or somewhere within the same level or scope of where you want to use it so that you can use it

$.ajax({
                  url: 'ajax.php',
                  type: 'POST',
                  dataType: 'json',
                  data: {
                    next_url: nextUrl
                  },
                  success:function(data){
                     NextUrlLink = data.next_url_link;
                  }

                })