Question

我正在Udacity的网络开发Nanodegree课程中开展一个项目。我决定使用餐馆信息并生成我的API密钥。但是，当我在AJAX对象中使用它来获取数据时，开发工具会向我显示一个“无效的API”。错误。但是，API是正确的。请帮忙。

这是我的代码：

$(document).ready(function(){
$("button").click(function(){
    $.get("https://developers.zomato.com/api/v2.1/restaurant?res_id=MY_RES_ID", { "Accept": "application/json", "user-key": 'MY_API_KEY' }, function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

}）;

这是Zomato的文档：

卷曲：

curl -X GET --header "Accept: application/json" --header "user-key: MY_API" "https://developers.zomato.com/api/v2.1/restaurant?res_id=MY_RES_ID"

URL：

https://developers.zomato.com/api/v2.1/restaurant?res_id=MY_RES_ID

请注意，我使用的餐厅ID和API是正确的。我不太了解PHP，所以我不知道curl的含义。

Answer 1

请尝试以下代码：

$(document).ready(function(){
  $("button").click(function(){
    $.get("https://developers.zomato.com/api/v2.1/restaurant?res_id=MY_RES_ID&apikey=MY_API_KEY", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
  });
});

但是，由于安全问题，不鼓励使用上述方法。您可以通过在服务器端编写处理程序来使用PHP中的服务器到服务器调用来访问Zomato API，该处理程序可以作为ajax调用从按钮单击事件中调用。以下是PHP处理程序示例：

$curl_channel = curl_init('https://developers.zomato.com/api/v2.1/restaurant?res_id=MY_RES_ID&apikey=MY_API_KEY');
curl_setopt($curl_channel, CURLOPT_RETURNTRANSFER, true);
$curl_response = curl_exec($curl_channel);
curl_close($curl_channel);
//Convert output to object
$curl_output = json_decode($curl_response);

无法访问Zomato API JSON对象

1 个答案: