J'essaie d'écrire un plugin WordPress et j'ai eu un problème.
L'arrière-plan: J'ai des données dans une base de données mySQL que j'utilise (chaque ligne a un identifiant unique et quelques autres informations que j'ai ajoutées). Je suis capable de rechercher la base de données en utilisant
$heads = $wpdb->get_results("SELECT * FROM {$wpdb->prefix}costumesdb WHERE location = 'head'", ARRAY_A);
Et affichez certaines informations à l’utilisateur dans un formulaire à l’aide de (c’est l’une des 5 listes déroulantes mais elles sont toutes créées de la même manière)
<form id="createacostume" action= "admin-ajax.php" method="post">
Head: <select name="head">
<?php foreach ($heads as $head) { ?>
<option value="<?php echo $head['id'] ?>"><?php echo $head['shopName'] . " - " . $head['pieceName'] ?></option>
<?php } ?>
</select>
<input type="submit">
Le script pour soumettre les données de formulaire au serveur est le suivant:
<script type='text/javascript'>
jQuery.ajax({
type: "POST",
url: ajax_url,
data: { action: 'my_action' , param: 'st1' }
}).done(function( msg ) {
alert( "Data Saved: " + msg.response );
});
</script>
Dans mon fichier de fichiers php est:
add_action('wp_ajax_my_action', 'my_ajax_action_function');
function my_ajax_action_function(){
$reponse = array();
if(!empty($_POST['param'])){
$response['response'] = "I've get the param a its value is ".$_POST['param'].' and the plugin url is '.plugins_url();
} else {
$response['response'] = "You didn't send the param";
}
header( "Content-Type: application/json" );
echo json_encode($response);
exit();
Le problème: Si je mets action = "admin-ajax.php" dans le formulaire, je suis démarré sur la page admin-ajax.php avec un " 0 "réponse.
Comment obtenir des données d'un formulaire dans la page d'administration WordPress et les traiter?
J'ai travaillé et réécrit le code:
jQuery(document).ready(function() {
jQuery('#createacostume').submit(function( event ) {
event.preventDefault();
var aForm = jQuery(this);
var bForm = aForm.serializeArray();
bForm.Push({name: 'action', value: 'myAjaxFunction'});
jQuery.ajax({
url: ajaxurl,
type: "POST",
data: bForm,
success: function(resp) {
alert("Thank you for your post. We will review it and approve it shortly" + resp);
},
error: function( req, status, err ) {
alert( 'something went wrong, Status: ' + status + ' and error: ' + err );
}
})
.fail(function() {
alert("error");
})
;
return false;
});
});
Vous devez appuyer sur le formulaire la fonction ajax que vous appelez.