如何在mvc和JavaScript中使用异步提取进行发布请求?

时间:2019-04-09 22:27:56

标签: javascript asynchronous model-view-controller fetch

我正在尝试通过异步提取从我的mvc应用程序中获取子类别并参考类别ID

我已经获取了类别及其所有内容

但是当我尝试通过发布请求获取子类别时,它不起作用!

//SubCategories

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


            const getSubCategories = async () => {

                const liBtnClick = list => {
                    nodeListForEach(list, cur => {
                        cur.addEventListener('click', () => {
                            debugger;
                            let categoryId = cur.value;
                            console.log(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}`);

1 个答案:

答案 0 :(得分:1)

我真是个白痴 我的api不能正常工作,因此出于将来的目的,请始终与邮递员一起测试您的api:)

也,无需发帖!只需正常获取就可以:

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