Ajax發布表單數據

Question

我有以下表格

<form id="reportcriteriaform">
   <div id="reportdialog_dialog" title="New Report" link="/newreport" class="modal show fade in" style="overflow:hidden;text-align:center;" aria-hidden="false">
      <div class="modal-header">
         WI's Resolved Report
      </div>
      <div class="modal-body">
         <div class="row-fluid">
            <div class="span6">
               <!-- Main report criteria fields go here -->            
               <div id="reportStartDate_row" class="control-group text-left">
                  <label class="control-label bold" for="reportStartDate"> <label for="reportStartDate">Start Date</label> </label> 
                  <div class="controls">
                     <div class="input-append date datepicker control-group" data-date-format="dd-M-yyyy">     
                        <input type="text" id="reportStartDate" name="reportStartDate" data-date-format="dd-M-yyyy" bs-datepicker="" class="input-large" value="">
                        <span class="add-on"><i class="icon-th" id="fromBtn"></i></span>
                     </div>
                  </div>
               </div>
               <div id="reportEndDate_row" class="control-group text-left">
                  <label class="control-label bold" for="reportEndDate"> <label for="reportEndDate">End Date</label> </label> 
                  <div class="controls">
                     <div class="input-append date datepicker control-group" data-date-format="dd-M-yyyy">     
                        <input type="text" id="reportEndDate" name="reportEndDate" data-date-format="dd-M-yyyy" bs-datepicker="" class="input-large" value="">
                        <span class="add-on"><i class="icon-th" id="fromBtn"></i></span>
                     </div>
                  </div>
               </div>
               <!-- Maultiselect box goes here -->                     
            </div>
            <div class="span6">
               <p>
                  <button type="button" name="runQuery" id="runQuery" class="btn btn-mini btn-primary " value="">Run Query</button>
               </p>
               <p>
                  <button type="button" name="close" id="close" class="btn btn-mini btn-primary " value="">Close</button>
               </p>
            </div>
         </div>
      </div>
   </div>
</form>

當我使用以下ajax調用提交它時，在request.data或request.form中看不到任何數據

$.ajax({
    url: '/newreport',
            type:'POST',
    data:$('#reportcriteriaform').serialize(),  
    dataType: 'text/html',             
    success: function(data) {
                       //   Success stuff           
        }
});

newreport.py

from flask import render_template, request, session
    def post(self):
            request.data //This is empty string
            request.form //This is empty dictionary

            #Other stuff

Answer 1

在ajax中調用它應該像

type:'POST'

您缺少引號。

並根據標准數據類型將數據類型稱為"text/html" 。（盡管不會引起問題，但是按照標准規范保留代碼的良好實踐）