无法从Shopify

时间:2015-10-22 17:33:48

标签: javascript jquery shopify instagram-api instafeedjs

我正在尝试使用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' Access-Control-Allow-Origin'标头出现在请求的资源上。起源' http://www.99centrazor.com'因此不允许访问。响应的HTTP状态代码为404.

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

Instafeed.js

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

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

  

未捕获的TypeError:无法读取属性" appendChild'为null

有没有人知道让这件事有用的方法?!?! 谢谢!

2 个答案:

答案 0 :(得分:2)

关于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();
});

答案 1 :(得分:0)

$.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