Question

我正在尝试使用shopify网上商店中的instagram API。我正在使用javascript。当我使用jQuery时，instagram不会传回正确的标题。

这是我的代码（调用已经过验证）：

的jQuery

$.getJSON( call, function( data ) {
  alert("sdfewsf");
}).error(function(jqXHR, textStatus, errorThrown) {
  console.log("error " + textStatus);
  console.log("incoming Text " + jqXHR.responseText);
});

这是我收到的错误：

XMLHttpRequest无法加载https://api.instagram.com/v1/tags/%7Btag-name%7D/media/recent?client_id=95d4426edafc476d9b76a5dacc4c12ca。 No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://www.99centrazor.com＆＃39;因此不允许访问。响应的HTTP状态代码为404.

我也尝试过instafeed.js，它不起作用。

Instafeed.js

 var feed = new Instafeed({
  get: 'tagged',
  tagName: 'awesome',
  clientId: clientId
});
feed.run();

这会返回一个对象，但运行功能不起作用 -

未捕获的TypeError：无法读取属性＆quot; appendChild＆＃39;为null

有没有人知道让这件事有用的方法？！？！谢谢！

Answer 1

关于instafeed.js，我会缩小你对第二个问题的答案。

您看到的错误是由instafeed.js在页面上找不到其目标元素引起的。

要解决此问题，请确保您已在页面上放置<div id="instafeed"></div>，并且在页面完全加载后您正在加载instafeed.js：

$(document).ready(function() {
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: clientId
  });
  feed.run();
});

Answer 2

$.getJSON()无法正常工作

浏览器会阻止跨域HTTP GET请求

。您可以使用JSONP作为解决方法。

Instagram API支持JSONP endpoints / URL，例如：

https://api.instagram.com/v1/tags/coffee/media/recent?access_token=ACCESS-TOKEN&callback=callbackFunction

如果您不熟悉JSONP，可以查看示例here

无法从Shopify

2 个答案: