小编Joh*_*ier的帖子

如何在异步/等待中使用 fetch?

我首先说我不是 100% 确定这是问题所在,我的意思是使用 await 和 async。

这是场景:

我在第一次加载页面时运行它,并且工作正常,我得到data

    externalContent(url);

    function externalContent(url) {
      fetch(url)
      .then(res => res.json())
      .then(data => {
        ...cool data...
      });
    }
Run Code Online (Sandbox Code Playgroud)

但随后我需要能够单击一个按钮并重新运行该功能 fetch

所以我做

    $(".alm-filters--button").on("click", function() {
      externalContent(url);
    }); 
Run Code Online (Sandbox Code Playgroud)

但是当我点击时,它给了我一个错误 .then(res => res.json())

错误说:未捕获(承诺)类型错误:无法读取未定义的属性“then”

我相信有一个异步问题,我试过了,但我对使用 async 和 await 还不够了解,但我试过:

    async function externalContent(url) {
      await fetch(url)
      .then(res => res.json())
      .then(data => {
         ...cool data...
      });
    }
Run Code Online (Sandbox Code Playgroud)

但是,我得到了同样的错误。

javascript async-await ecmascript-6

10
推荐指数
1
解决办法
8233
查看次数

js如何从数组中取出最小的两个数?

嘿,我一直在尝试从数组中返回 2 个最小的数字,无论索引如何。你能帮我一下吗?

javascript arrow-functions

2
推荐指数
1
解决办法
8151
查看次数

为什么这样做?(JQuery的)

这有效:

$('div.hg_logo').hover(
    function(){$(this).animate({
        backgroundColor: 'rgba(31, 197, 78, 0.75)'
    }, 1200)},
    function(){$(this).animate({
        backgroundColor: 'white'
    }, 1200)}
);
Run Code Online (Sandbox Code Playgroud)

但鉴于我对CSS和JS的了解,它不应该!

1'rgba(31,197,78,0.75)'不应该引用.
2 backgroundColor应为背景色.
3颜色后应使用分号.
在以"this"为目标的内部功能之后,应使用4个分号.

根据我的理解,上面的四点是正确的CSS和JS - 但它们中的任何一个都会破坏这段代码.

这是$().animate的怪癖,还有机会改变吗?或者我应该承诺死记硬背?

javascript css jquery

-7
推荐指数
1
解决办法
109
查看次数