我正在尝试使用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
有没有人知道让这件事有用的方法?!?! 谢谢!
答案 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,例如:
如果您不熟悉JSONP,可以查看示例here