根据匹配返回搜索结果，而不是根据 ID

Question

提交表单后，我试图返回 JSON 的匹配项，而不仅仅是搜索特定 ID。

但是，不确定我该如何布置。 我具有在我的一个节点模块内的 js 文档中搜索所需匹配项的功能，但不确定如何使其工作。

这是我所指的确切代码行：

  const ELS_form = document.getElementByID('element');

这是脚本标签中的所有代码：

 async function onFormSubmit(ev) {ev.preventDefault();
 const EL_form = ev.currentTarget;
                return (await fetch(EL_form.action)).json();
                    }
                                  
 const ELS_form = document.getElementByID('element');
 ELS_form.forEach((el) => el.addEventListener("submit", (ev) => {
 onFormSubmit(ev).then(res => console.log(res));
                    })); 

Answer 1

它是getElementById而不是getElementByID 。 我假设您必须提交带有id的表单，在这种情况下，不需要forEach来添加事件列表器。

根据我对示例Form Action的理解修改了您的代码，它可能对您有用。

 async function onFormSubmit(ev) { ev.preventDefault(); let EL_form = ev.currentTarget; return (await fetch(EL_form.action)).json(); } const ELS_form = document.getElementById('element'); ELS_form.addEventListener("submit", (ev) => { onFormSubmit(ev).then(res => console.log(res)); });

 <form id="element" action="https://fakestoreapi.com/products/1"> <button type="submit">Submit</button> </form>