javascript - 将数据从 View 发送到 Controller

Question

在我的 View 中，我有两个 jquery 日期输入字段，其中有两个按钮用于处理这些日期选择。在第一个按钮上，我通过 ajax 发送数据并在某些 div 内显示数据，效果非常好。

除了该按钮之外，我还有一个按钮，用于显示 pdf 文档中的数据。当然，我不想使用 ajax，但我确实想使用相同的选定日期数据(我现在想使用另外两个输入来处理用户选择)。

所以我的 View 代码片段是这样的

<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 处理点击处理程序并将数据发送到 Controller 进行 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

所以我的问题是如何将这个选定的值发送到第二个按钮的 Controller ，该按钮不会使用ajax(我是否需要使用表单，如果需要，如何使用相同的输入字段来获取将发送的值到 Controller ？)

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

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

谢谢

Answer 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
 })