Ajax - html入力からサービスにパラメータを送る方法

Question

2つの入力から日付をサービスにパラメータとして送信したいと思います。私のHTMLコード：今のところ

<input type="date" name="dateFrom" value="2016-10-29"> 
<input type="date" name="dateTo" value="2016-11-29"> 
<a class="action-button" id="history-report">Generate report</a> 

私はちょうど日付値をハードコードしているが、後にはcalendaarから選択されます。

リクエストと一緒に日付の値を送信したいと思います。私はそれらをサービスに送るために次のコードを書いた：

$('#history-report').click(
    function(event){ 
     event.preventDefault(); 
     showLoading() 
     const dateFrom = $('input[name="dateFrom"]').val(); 
     const dateTo = $('input[name="dateTo"]').val(); 
     $.ajax({ 
      type:"POST", 
      url:'/params/generate-commission-disposition-report', 
      data: { 
       dateFrom: dateFrom, 
       dateTo: dateTo 
      }, 
      dataType:'json' 
     }).done(function(response){ 
      hideLoading(); 
      if(response.success === true){ 
       $('#ajax-success').html(response.msg); 
       showSuccess(5000); 
      }else{ 
       showError("Generation error"); 
      } 
     }) 
     .fail(function(response){ 
      hideLoading(); 
      showError("Generation failed") 
     }); 
    }  
); 

コードの正しい解決策はありますか？現時点では機能していませんが、間違いがここにあるのか、後で使用するサービスにあるのかは分かりません。

Answer 1

dateFromとdateToの代わりにdataFromとdataToを次の2行に記述しました。変更してください：

const dateFrom = $('input[name="dateFrom"]').val(); 
const dateTo = $('input[name="dateTo"]').val(); 

他のすべてのものは正常に見えます。