我嘗試使用 ajax 從表單發送資料。首先,我有一個“添加檔案”按鈕。當我點擊這個時,我在 ajax 中顯示表單并且它可以作業。
現在,當我提交表單時,我收到來自 admin-ajax.php 的錯誤錯誤請求
功能:(我的 add_post.php 只回傳echo 'test';
function add_post(){
global $wpdb;
include(dirname( __FILE__ ) . '/templates/includes/add_post.php');
die();
}
add_action( 'wp_ajax_add_post', 'add_post' );
add_action( 'wp_ajax_nopriv_add_post', 'add_post' );
HTML:
<form class="form-horizontal" name="form" id="addNewPost" method="post" enctype="multipart/form-data">
<input type="hidden" name="ispost" value="1" />
<input type="hidden" name="userid" value="" />
<input type="hidden" name="catid" value="<?php echo $catID; ?>" />
<label class="control-label">Nom du fichier</label>
<input type="text" class="form-control" name="titre" />
<label class="control-label">Image à upload</label>
<input id="upfile" type="file" name="sample_image" class="form-control" />
<input type="submit" class="btn btn-primary" id="testsub" value="Envoyer" name="submitpost" />
</form>
JS檔案:
$("#testsub").on('click', function(e){
e.preventDefault();
var formData=new FormData(document.getElementById('addNewPost'));
formData.append("action", "add_post");
$.ajax({
url: ajaxurl.ajaxurl,
type: 'POST',
data: {
'action': 'add_post',
'data': formData
},
cache: false,
processData: false,
contentType: false,
}).done(function(response) {
$('.test').html(response);
});
});
如果我嘗試只發送沒有檔案的輸入值,我的 ajax 作業。請你幫助我好嗎 ?
uj5u.com熱心網友回復:
從代碼中洗掉這一行:
data: {
'action': 'add_post',
'data': formData
},
并使用這個:
data: formData,
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/434881.html
