3

我正在尝试使用 GET HTTP cal，我收到了使用高级 REST 客户端（Chrome 插件）的请求，但无法让它在 JQuery 中工作。

按照这个线程的建议，我设置了以下内容：

$(document).ready(function() {
$('.ap1').click(function(){
$.ajax({
      url: 'https://api2.panopta.com/v2/monitoring_node/41',
      type: 'GET',
      dataType: 'json',
      success: function() { alert('hello!'); },
      error: function() { alert('boo!'); },
      beforeSend: setHeader
  });
});
function setHeader(xhr) {
    //extra stuff from REST CLIENT
    xhr.setRequestHeader('Authorization', 'ApiKey nGhhAjGshbOu4dhLYvGY');
} });

这是我试图获得的输出（成功使用 REST 客户端）

{
url: "https://api2.panopta.com/v2/monitoring_node/41"
hostname: "phoenix01.monitorengine.com"
ip_address: "65.23.158.149"
name: "Phoenix"
textkey: "na.west.phoenix01"
}

我只想能够从该 JSON 访问 name 变量并将其传递给我的函数。在我试图弄清楚如何创建一个对象之前，我想至少让上面的代码工作，这样我就可以成功地调用这个名字，比如.append(object.name)

我刚开始学习 JQuery，如果我没有包含足够的细节，这是我的第一篇文章，非常抱歉。

4

2 回答 2

1

您不能将 ajax 调用应用于其他域。您可以通过curl()或file_get_content(url)使用服务器到服务器调用来解决问题，然后对您的脚本进行 js 调用。

首先制作 php 文件，它将调用服务器注意，如果你想使用 file_get_contents，你应该在你的 php.ini 中使用 allow_url_fopen：

myProxy.php

<?
$content = file_get_contents($yourUrl);
// do whatever you want with the content then
// echo the content or echo params via json
?>

你的 js 应该调用你的 PHP，所以你有解决方法相同的域策略：

$.ajax({
      url: 'myProxy.php',
      type: 'GET',
      dataType: 'json',
      success: function() { alert('hello!'); },
      error: function() { alert('boo!'); },
      beforeSend: setHeader
  });
});
于 2013-06-18T22:34:45.920 回答
0

我不确定您的 api 信息是否正确，但我认为您需要做的主要事情是更改为 jsonp 而不是 json，因为 musa 提到的原产地政策相同。

以下 JS 小提琴“有效”，但请求未在服务器授权：http://jsfiddle.net/cf8S9/。

$(document).ready(function() {
$('#button').click(function(){
$.ajax({
      url: 'https://api2.panopta.com/v2/monitoring_node/41',
      type: 'GET',
      dataType: 'jsonp',
      success: function() { alert('hello!'); },
      error: function() { console.log(arguments);alert('boo!'); },
      beforeSend: setHeader
  });
});
function setHeader(xhr) {
    //extra stuff from REST CLIENT
    xhr.setRequestHeader('Authorization', 'ApiKey nGhhAjGshbOu4dhLYvGY');
} });
于 2013-06-18T22:35:42.647 回答