web-dev-qa-db-fra.com

Création d'une publication à partir de données renvoyées par un formulaire HTML

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?

1
Gathris

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.

0
Gathris