Как сделать почтовый запрос с асинхронной выборкой в ​​mvc и JavaScript?

Я пытаюсь получить подкатегории из моего приложения mvc со ссылкой на идентификатор категории с помощью асинхронной выборки.

Я уже получил категории, и все работает

но когда я пытаюсь получить подкатегории с помощью почтового запроса, это не работает!

//SubCategories

            const categoriesLiList = document.querySelectorAll('.btn');


            const getSubCategories = async () => {

                const liBtnClick = list => {
                    nodeListForEach(list, cur => {
                        cur.addEventListener('click', () => {
                            debugger;
                            let categoryId = cur.value;
                            console.info(categoryId);

                            const getSubCategoriesById = async (url = ``, data = {}) => {
                                const subsResult = await fetch(url, {
                                    method: "POST",
                                    mode: "cors",
                                    cache: "no-cache",
                                    credentials: "same-origin",
                                    headers: {
                                        "Content-Type": "application/json"
                                    },
                                    redirect: "follow",
                                    referrer: "no-referrer",
                                    body: JSON.stringify(data)
                                });

                                const subsData = await subsResult.json();

                                const populateSubCategories = arr => {
                                    arr.forEach(cur => {
                                        const subCategoriesLi = `
                                <li>${cur.Name}</li>
                            `;

                                        document.querySelector('#subcategories').insertAdjacentHTML('beforeend', subCategoriesLi);

                                    });
                                };

                                populateSubCategories(subsData);
                            };

                            getSubCategoriesById(`/controllername/jsonresult/ID`, { ID: categoryId });
                        });
                    });
                };

                liBtnClick(categoriesLiList);

            };

            getSubCategories();

Результатом должны быть данные из API, но он не считывает параметр ID. что я должен изменить в своем почтовом запросе??


Обновлено: я такой идиот, лол, что мой API не работал правильно, поэтому для будущих целей всегда проверяйте свой API с помощью почтальона :)

Кроме того, нет необходимости в почтовом запросе! просто обычные запросы на получение:

await fetch(`/controllerName/JsonResult/${categoryId}`);

Похоже, вы должны делать запрос на получение.

Money Murch 10.04.2019 00:38

извините, я новичок в этом, поэтому я могу отправить значение с запросом на получение ??

Khaled 10.04.2019 00:40

попробуйте изменить имя параметра с «данные» на идентификатор. Вы можете передать параметр в запросе на получение, например идентификатор. Запросы Post обычно отправляют данные на сервер, а запросы Get извлекают данные.

Money Murch 10.04.2019 01:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
195
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

я такой идиот лол мой API работал неправильно, поэтому в будущем всегда проверяйте API с помощью почтальона :)

Кроме того, нет необходимости в почтовом запросе! просто обычные запросы на получение:

await fetch(`/controllerName/JsonResult/${categoryId}`);

Другие вопросы по теме