Блог

Главная - Вопросы по программированию - Возвращает результаты поиска на основе совпадений, а не по идентификатору

Возвращает результаты поиска на основе совпадений, а не по идентификатору

#javascript #json

#javascript #json

Вопрос:

После отправки формы я пытаюсь вернуть совпадение с JSON, а не просто искать определенный идентификатор.

Однако я не уверен в том, как я мог бы изложить это. У меня есть функциональность для поиска требуемого соответствия в документе 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));
                    }));

Ответ №1:

Это и есть getElementById , и нет getElementByID . И я предполагаю, что вам нужно отправить форму с id , в этом случае нет необходимости forEach добавлять список событий.

Модифицировал ваш код на основе моего понимания с помощью sample 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>

Метки: ,