Javascript 单击按钮调用MVC控制器和操作方法

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

这是我的按钮：

<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>

这是我的行动方法：

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

关键是允许用户在将保存的信息打包到HTTPPOST请求之前，添加他们想要的变量。这让我抓狂，因为我有相同的按钮，不同的ID，当然还有类似的Jquery代码，它们做着完全相同的事情，并且工作得很好。但是这个按钮就是不起作用。这个代码正确吗？还是我错过了什么

注：我知道有一个非常类似的问题：

---

但是我在那里没有找到我问题的答案

使用下面的代码获取文本框值

var var1 = $("textboxName").val()  
var var2 = $("#textboxSurname").val()

---

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

在javascript中，我们通常使用

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

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

那意味着

textbox name=foo
textbox name==foo

就像

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

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

---

使用jquery时，尝试使用standerd jquery chainnig而不是venilla javascript

然后会发生什么？单击按钮后？什么都不会触发。甚至一个错误都没有。似乎它没有调用J-query函数..可能吧.这是因为var1总是空的$'tTextboxName'。val将执行以下操作trick@RAHULSR这没有任何意义。请执行console.log检查是否调用了它，如果没有调用，请在添加事件的位置添加整个代码。谢谢。RAHUL S R已经给了我这个解决方案。但是我不明白为什么一定要这样？在我以前用于其他按钮的jquery中，此解决方案不起作用，这就是我使用…[0].value.Awesome的原因，感谢您的解释和正确答案：

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