javascript - 单击按钮时调用 MVC Controller 和操作方法

Question

我有一个关于在按钮单击时调用 MVC Controller 和操作方法的问题。我基本上想要实现的是将一些值作为参数传递给我的操作方法。

这是我的按钮:

<button id="add" type="button" class="inner-button">
    <span class="fa fa-stack fa-lg">
       <i class="fa fa-circle fa-stack-2x img-responsive"></i>
       <i class="fa fa-plus fa-stack-1x fa-inverse img-responsive"></i>
    </span>
</button>

我将代码封装在 document.ready 函数中

$("#add").on("click", function () {
        var var1= $("textboxName")[0].value
        var var2= $("#textboxSurname")[0].value

        window.location.href = ('/Web/AddInformation?var1=' + var1 + '&var2=' + var2)
    });

这是我的操作方法:

public ActionResult AddInformation(string var1, string var2)
    {
        //code
    }

重点是允许用户在保存的信息包含在 HTTP Post 请求中之前添加他们想要的变量。这让我发疯，因为我有相同的按钮(当然不同的 ID)和类似的 Jquery 代码，它们做着完全相同的事情，而且工作得很好。然而这个按钮就是拒绝工作。这段代码正确吗？或者我错过了什么。

注意:我知道有一个非常相似的问题:Here 但在那里没有找到我的问题的答案。

Answer 1

我知道答案已经确定，但这只是为了澄清问题

在 javascript 中我们通常使用类似

document.getElementsByName("fooName")[0].value; 

what[0]--> 表明您正在选择具有该特定名称的第一个元素，这意味着页面可能包含也可能不包含更多具有相同名称的元素

这意味着

textbox name=foo
textbox name==foo

就像

document.getElementsByName("foo")[0].value; 
document.getElementsByName("foo")[1].value; 

就像在 jquery 中一样，你现在不需要它，你尝试将 jquery 功能与 javascript 合并，这有时有效，有时可能无效

使用 jquery 时尝试使用标准 jquery chainnig 而不是 venilla javascript