使用API​​时出错

Question

我是API的新手，他们似乎总是把我搞砸。我一直收到以下错误：

“Access-Control-Allow-Origin”标头的值“http://null”不等于提供的原点。因此，不允许原点'null'访问。

这是我的JS：

var url = "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1";

$('#quotebutton').on('click', function(e) {
    e.preventDefault();
    $.ajax( {
      url: "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1",
      success: function(data) {
        var post = data.shift(); // The data is an array of posts. Grab the first one.
        $('#quote-title').text(post.title);
        $('#quote').html(post.content);

        // If the Source is available, use it. Otherwise hide it.
        if (typeof post.custom_meta !== 'undefined' && typeof post.custom_meta.Source !== 'undefined') {
          $('#quote-source').html('Source:' + post.custom_meta.Source);
        } else {
          $('#quote-source').text('');
        }
      },
      cache: false
    });
  });

Answer 1

如@ moataz-elmasry所述，js函数很好，但API具有访问限制。 运行相同代码的小提琴运行正常： https://jsfiddle.net/9gtbsp2e/1/

*我更新了使用https删除安全错误的链接