【问题标题】:Random quote machine, API will not return a new quote随机报价机,API 不会返回新报价
【发布时间】:2019-03-21 19:58:26
【问题描述】:

所以我在 Visual Studio Code 中构建了整个项目,我在 Chrome 和 Explorer 上对其进行了测试,它可以正常工作,只需按一下按钮,它就会检索到新的报价和作者,太好了,我认为是时候将它放入 codepen,不,不起作用。这是发生的事情,我正在使用http://quotesondesign.com/api-v4-0/ 来获取我的报价,当您将其放入浏览器时,您会看到它检索到的内容 http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1 问题似乎在Firefox上,如果您输入此内容,您将获得报价,但是,如果您输入相同的链接(请注意,不要刷新页面而是使用相同的链接),您将获得相同的报价,但在chrome中,它会给你一个新的报价,所以我试着看看如果我在 chrome 上使用 codepen 是否会工作,但它根本不起作用,因为在 chrome codepen 上,api 调用甚至不会检索任何数据。这是我现在正在使用的功能。 我获取新函数的代码如下所示。

getRandomQuote = event =>{
    fetch('https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1')
    .then(response => response.json())
    .then(data => {
      if(data[0].content && data[0].title && data[0].link){
          let {quote} = this.state;
          let quoteData=data[0];
          quote.content = quoteData.content;
          quote.link = quoteData.link;

          quote.title = quoteData.title;


        this.setState({
          quote,
            isLoaded:true

          })
      }
      else{
          return console.error('No Quote :(')
      }

    })



  }

这是我的 codepen 的链接:https://codepen.io/russiandobby/pen/OqaxWW?editors=1111 我怎样才能得到它来检索新的 cote?

【问题讨论】:

    标签: javascript reactjs api


    【解决方案1】:

    好吧,现在我觉得自己很愚蠢,经过一些研究我发现似乎我所要做的就是稍微改变我的请求

    fetch('https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1')
    

     fetch('https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1', {cache: "reload"})
    

    在我这样做之后,它开始在所有浏览器上工作并检索新报价,我已经禁止 m 2 小时,只需要不到 1 行就可以修复它T_T

    【讨论】:

      猜你喜欢
      • 2020-11-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-09
      • 1970-01-01
      • 1970-01-01
      • 2016-05-10
      相关资源
      最近更新 更多