将数据从视图发送到控制器答案

【问题标题】：Sending data from view to the controller将数据从视图发送到控制器
【发布时间】：2013-06-13 08:30:51
【问题描述】：

在我的视图中，我有两个带有两个按钮的 jquery 日期输入字段，用于处理这些日期选择。在第一个按钮上，我通过 ajax 发送数据并在一些完美的 div 中显示数据。

在那个按钮旁边，我还有一个按钮，用于显示 pdf 文档中的数据。当然，我不想为此使用 ajax，但我确实想使用相同的选定日期数据（我现在想使用另外两个输入来处理用户选择）。

所以我的视图代码 sn-p 是这样的

<tr>
    <td>@Html.TextBox("dateFrom", null, new { @class = "date", @id = "datePickerFrom" })</td>
    <td>@Html.TextBox("dateTo", null, new { @class = "date", @id = "datePickerTo" })</td>
    <td>
        <input type="submit" value="Send" class="dateBtn" /></td>
     <td>
        <input type="submit" value="PDF" class="dateBtnPdf" />
     </td>

</tr>

我正在使用 js 来处理点击处理程序并将数据发送到控制器以进行 ajax 操作

$(document).ready(function () {
   $(".dateBtn").click(function (event) {
      var dateFrom = $("#datePickerFrom").val();
      var dateTo = $("#datePickerTo").val();
      GetDetails(dateFrom, dateTo);
   })
function GetDetails(dateFrom, dateTo) {
    $.ajax({
..... ommited on purpose

所以我的问题是如何将这个选定的值发送到第二个不使用 ajax 的按钮的控制器（我是否需要使用表单，如果需要，如何使用相同的输入字段来获取将被发送的值到控制器？）

 $(".dateBtnPdf").click(function (event) {
   var dateFrom = $("#datePickerFrom").val();
   var dateTo = $("#datePickerTo").val();

   //send values to the controller /report/pdfDemo
 })

谢谢

【问题讨论】：

标签： javascript asp.net-mvc

【解决方案1】：

我认为这种情况的解决方案很少，我建议您接近的解决方案：

<form id="form-dates" action"/report/pdfDemo"> <!-- Here you could use @Url.Action("pdfDemo","report") -->

@Html.Hidden("dateFromPdf");
@Html.Hidden("dateToPdf");

<input type="submit" value="PDF" class="dateBtnPdf" />

</form>

然后在您的 javascript 中，更新表单的隐藏值并提交：

$(".dateBtnPdf").click(function (event) {
   $('[name="dateFromPdf"]').val( $("#datePickerFrom").val() );
   $('[name="dateToPdf"]').val( $("#datePickerTo").val() );

   $('#form-dates').submit();
   //send values to the controller /report/pdfDemo
 })

【讨论】：