javascript - ビューからコントローラーへのデータの送信

Question

私のビューの中には、これらの日付選択を処理するための 2 つのボタンを備えた 2 つの jquery 日付入力フィールドがあります。最初のボタンでは、ajax 経由でデータを送信し、完全に機能する div 内にデータを表示しています。

そのボタンの横に、pdf ドキュメント内のデータを表示するボタンがもう 1 つあります。もちろん、そのためにajaxを使用したくはありませんが、選択した同じ日付データを使用したいです（ユーザー選択を処理するためにさらに2つの入力を使用したいです）。

だから私のビューコードスニペットはこのようなものです

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

そして、クリックハンドラーを処理し、ajax操作のためにコントローラーにデータを送信するjsを持っています

$(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 を使用しない 2 番目のボタンのコントローラーに送信する方法です (フォームを使用する必要がありますか? その場合、この同じ入力フィールドを使用して、コントローラーに送信される値を取得する方法?)

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

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

ありがとう