如何在 asp.net mvc 中执行 jquery http post req

Question

我想 post 从视图向我的控制器发送一个字符串。该字符串是网站的名称。

在视图上，用户点击了一个网站的名称，我想根据点击的网站名称呈现信息。

我的看法（注意所有网站都呈现 100%）

<h1>My Websites</h1>
@{
    foreach (var website in Model.websites)
    {
            <table>
                <tr>
                    <td>  <a  class="websiteLink" href="">@website </a> </td>
                </tr>
            </table>
    }
}

MVC 动作

[HttpPost]
public ActionResult getWebsiteName(string webiste)
{
   
    //return partial view here
    return RedirectToAction("WebsiteOptions", "Home");
}

js:

 document.querySelectorAll('.websiteLink').forEach(item => {
    item.addEventListener('click', event => {
        var websiteName = item.innerHTML;
        $.post("/Home/getWebsiteName", { WebsiteName: websiteName }, function (data) {
            console.log(data);
        });
        //alert(WebsiteName);
    });
});

当我执行警报功能以测试它是否正常工作时，单击时会显示正确的网站名称，我只想 post 将单击的网站名称发送到我的控制器，但它不起作用 :( 没有任何反应在行动中，因为它不起作用..我在那里设置了断点来测试参数是否正确

Answer 1

您的请求应该如下所示：

document.querySelectorAll('.websiteLink').forEach(item => {
    item.addEventListener('click', event => {
        var websiteName = item.innerHTML;
        $.post("/Home/getWebsiteName?website=" + websiteName, function (data) {
            console.log(data);
        });
        //alert(WebsiteName);
    });
});

Answer 2

下面解决了我的问题

document.querySelectorAll('.websiteLink').forEach(item => {
        item.addEventListener('click', event => {

            //storing clicked website name
            var websiteName = item.innerHTML;
            item.style.textDecoration  = "underline";
           


                $.ajax({
                    type: "POST",
                    url: "@Url.Action("getWebsiteName")",
                    dataType: "json",
                    data: { WebsiteName: websiteName },

                    success: function (data) {

                        alert(data);
                    },
                    failure: function (errMsg) {

                        alert(errMsg);
                    }
                });


        });
    });

如何在 asp.net mvc 中执行 jquery http post req

how to preform jquery http post req in asp.net mvc

c#

html

jquery

asp.net-mvc

http