Javascript 如何将多个输入文本值传递给控制器中的方法

我有3个文本框，我想把输入值发送到控制器方法

<input class="form-control" type="text" id="id" name="id">
<input class="form-control" type="text" id="id1" name="id1">
<input class="form-control" type="text" id="id2" name="id2">

@Html.ActionLink("Send", "MethodNameInController", "ColtrollerName", new { id= $('#id').val(), 
id1= $('#id1').val(), id2= $('#id2').val()})

@ActionLink（“Send”、“MethodNameInController”、“ColtrollerName”、新的{id=$（'#id'）.val（），
id1=$（'id1'）.val（），id2=$（'id2'）.val（））

和在控制器中 public ActionResult MethodNameInControl调用程序（整数id、字符串id1、字符串id2） { //这里有一些文字 }

---

但是，如果您想保持在同一个视图上或在之后重定向到另一个url，而不是使用

@Html.ActionLink（）

尝试使用ajax调用将值传递给控制器，则会发送空值

函数submitAjax（）{
//纯粹为了可读性
var id=$（'#id'）.val（）；
var id1=$（'#id1'）.val（）；
var id2=$（'#id2'）.val（）；
//ajax调用
$.ajax({
url:“/ControllerName/MethodNameInController”，
数据：{id:id，id1:id1，id2:id2}，
成功：功能（结果）{
//在这里处理一些事情
}
});
};

提交
我使用ajax获得了解决方案，只是想知道有没有直接的解决方案

$(function () {
    $('#receipt').unbind('click');
    $('#receipt').on('click', function () {
        $.ajax({
            url: "/Controller/Method",
            type: 'POST',
            contentType: "application/json; charset=utf-8",
            dataType: 'json',
            data: JSON.stringify({
                fromDate: $("#fromDate").val(),
                toDate: $("#toDate").val(),
                id: $("#id").val()
                
            }),
            async: false
        });
    });
});