jQuery中的AJAX; Instagram和谷歌地圖

我正在接受我的接力任務;我們必須使用Instagram API和Google Maps API進行操作。我使用<option> s生成了一個<select>列表。我從選項中收集緯度和經度，以傳入我用來收集Instagram數據的查詢。jQuery中的AJAX; Instagram和谷歌地圖

但是，我似乎無法得到任何進一步的。在index.php中，我有一個帶有選項和distance的Instagram查詢應該使用的表單，默認爲1000. 在init.js中，我有一個jQuery選擇器，用.on('change')監聽選項或距離的變化。如果有什麼變化，我打電話給updateView()。

function updateView(e) { 
    e.preventDefault(); 
    var option = $('option:selected'), 
     title = option.html(), 
     lat = option.data('lat'), 
     lon = option.data('lon'), 
     dist = $('#distance').val(); 

    updateTitle(title); 
    updateImages(lat, lon, dist); 
}

因此，在每一個變化，我打電話updateView，要求updateImages：

function updateImages (lat, lon, dist) { 
    $.ajax({ 
     type: "GET", 
     url: "updateImages.php?lat=" + lat + "&lon=" + lon + "&dist=" + dist, 
     dataType: "json", 
     success: function(){ 
      console.log(data); 
     } 
     }); 
}

如果我在$_GET參數手動執行updateImages.php，我收到了大量的數據，這工作正常。但是，當我想通過$ .ajax調用PHP文件時，我沒有在Chrome中看到控制檯中的任何數據。

<?php 
require_once("includes/settings.php"); 
$lat = (float)$_GET['lat']; 
$lon = (float)$_GET['lon']; 
$dist = (float)$_GET['dist']; 
$IG = new Instagram(IG_CLIENT_ID, IG_CLIENT_SECRET); 
$IG_data = $IG->searchMedia($lat, $lon, $dist); 

header('Content-Type: application/json'); 
$json = json_encode($IG_data); 
var_dump($json); 
exit;

編輯：在谷歌Chrome瀏覽器開發工具網絡選項卡 結果：

Printscreen form Chrome Dev Tools

來源

2014-03-18 user3239713

你缺少數據參數，你的成功的功能更改爲：

success: function(data){ 
     console.log(data); 
}

來源

2014-03-18 17:59:49

我確實更改了代碼以獲取數據參數，但仍然沒有記錄任何內容到conso樂。爲了方便起見，我還會發布updateImages.php文件。 – user3239713

你可以在google chrome開發工具中發佈你網絡標籤中的http調用嗎？ –

我在OP – user3239713

jQuery中的AJAX; Instagram和谷歌地圖

回答

相關問題