在沒有頁面重新加載的情況下在 wordpress 中提交 Ajax 表單總是給我以下錯誤：400 bad request

Question

我正在 WordPress 中構建一個自定義模板，我想在不重新加載頁面的情況下使用 Ajax 處理表單提交，並且我的控制台 400 錯誤請求總是出現以下錯誤。 表單沒有提交到其他服務器來處理請求。 我嘗試了很多可能性，但沒有成功。

波紋管是表格，是圖片上傳表格

<form enctype="multipart/form-data" method="post" action="">
   <div class="Success-div"></div>
      <p> Vous devez nous fournir un certificat médical valide attestant vos aptitudes à 
       faire partir du club et faire part aux activités du club:</p>
      <p class="statusMsg"></p>
 <div class="form-group">
 <label for="tel">Certificat médical</label><a style= "color:#DAA520;" href="#" 
 id="effectuerTest"> (je ne possède pas un certificat médical)</a>
    <input type="file" name="certificatMedicalMajeur" class="form-control" 
 id="CertificatMedicalfichier" accept="application/pdf" required/>
    </div>
    <input type="submit" name="certificat-majeur-submit" id="submitbtn" class="certificat- 
   majeur-submit btn btn-primary pull-right" value="Enregistrer" />
</form>

Ajax 代碼 TO 將提交的數據發送到服務器

jQuery(document).on('click', '.certificat-majeur-submit', function (e) {
e.preventDefault();
var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>";
var file_data =  $('#CertificatMedicalfichier').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
var $this = $(this);
  jQuery.ajax({
    type: 'POST',
    data: {
      data:form_data,
      action: 'post_md_support_save'
    },
    url: ajaxurl,
    processData : false,
    success: function (response) {
        jQuery('.Success-div').html(data.message);
    },  
    error: function (response) {
      console.log("error form");
    }
    });
});

最后這是在function.php中處理請求文件的代碼

add_action( 'wp_ajax_post_md_support_save', 'md_abonnements_save' );

add_action( 'wp_ajax_post_md_support_save', 'md_abonnements_save' );

function md_abonnements_save(){

    echo "ajax responding";
    die();
}

Answer 1

如果您在網站的前端使用此代碼，您還應該添加 nopriv 操作掛鈎： add_action( 'wp_ajax_nopriv_post_md_support_save', 'md_abonnements_save' );