Benutzerdefinierte Form mit Ajax

Ich habe Probleme mit meiner Form. Wenn der Submit-Button geklickt wird, wird ein 404-Fehler ausgegeben. Wenn jemand irgendwelche Vorschläge hat, wäre ich dankbar.

Ajax-Handhabung von Form. In das Thema js gehen.

• Wie kann ich aufhören, nach dem Senden der Anfrage an admin-ajax.php an die admin.php weitergeleitet zu werden?
• Ajax - warum mehrere Aufrufe von wp_create_nonce () denselben Wert zurückgeben?
• Fügen Sie dynamisch weitere Felder hinzu oder entfernen Sie das letzte Feld in einem Formular
• Ajaxify-Formular, das zur Anzeige von Post-Daten dieselbe Seite übergibt
• Das Senden des Formulars über admin-ajax.php gibt 0 zurück
• Wie man Wiederholungsfeldwert zu ajax und php wordpress übergibt?

 jQuery('#BookingForm').submit(ajaxSubmit); function ajaxSubmit(){ var BookingForm = jQuery(this).serialize(); jQuery.ajax({ action : 'make_booking', type : "POST", url : "/wp-admin/admin-ajax.php", data : BookingForm, success: function(data){ jQuery("#feedback").html(data); } }); return false; }  

PHP geht in die functions.php

 function makeBooking(){ global $wpdb; $type = $_POST["optionsRadios"]; $to = $_POST["to"]; $from = $_POST["from"]; $date = $_POST["date"]; $time = $_POST["time"]; $name = $_POST["name"]; $tel = $_POST["tel"]; $email = $_POST["email"]; $passenger = $_POST["optionsRadios2"]; $other = $_POST["other"]; if( $wpdb->insert('Booking', array( 'type'=>$type, 'from1'=>$from, 'to1'=>$to, 'date'=>$date, 'time'=>$time, 'name'=>$name, 'tel'=>$tel, 'email'=>$email, 'passenger'=>$passenger, 'other'=>$other ) ) === FALSE ) { echo "Error"; } else { echo "Submission successful, an email receipt has been sent to your email address. 
 Your Booking ID is:ZCA- ".$wpdb->reference . ""; //Prepare email body $msg = "Reference: ZCA-" . $reference . "\nType:" . $type . "\nFrom:" . $from . "\nTo:" . $to . "\nDate" . $date . "\nTime:" . $time . "\nName:" . $name . "\nNumber:" . $tel . "\nEmail:" . $email . "\nPassengers:" . $passenger . "\nOther:" . $other; mail("taxi@zcarsglobal.com","Booking",$msg); mail($email,"Zcars Global Booking","Thank you for your enquiry. We aim to deal with your request straight away." . $msg); } die(); } add_action('wp_ajax_make_booking', 'makeBooking'); add_action('wp_ajax_nopriv_make_booking', 'makeBooking'); // not really needed 

Ich füge das HTML-Formular ein, da ich immer noch den Fehler 404 erhalte, vielleicht ist es hier etwas?

 
 
   Booking  
 
   Quotation  
 
 From *  
 
 Going to *  
 
 Date * <input name="date" id="date" type="date" class="form-control" required min=""> 
 
 Time *  
 
 Name *  
 
 Telephone Number *  
 
 Email *  
 
Passengers
 
   4 or Less  
 
   4 to 6  
 
   6 to 8  
 Please write here anything else we need to know    

Solutions Collecting From Web of "Benutzerdefinierte Form mit Ajax"

 jQuery(document).ready(function(event) { jQuery('#BookingForm').submit(ajaxSubmit); function ajaxSubmit() { var BookingForm = jQuery(this).serialize(); jQuery.ajax({ action: 'make_booking', type: "POST", url: MBAjax.admin_url, data: MBAjax.BookingForm, success: function(data) { jQuery("#feedback").html(data); } }); return false; } }); 

 // embed the javascript file that makes the AJAX request wp_enqueue_script( 'make-booking-ajax','js/makebooking.js', array( 'jquery' ) ); // declare the URL to the file that handles the AJAX request (wp-admin/admin-ajax.php) wp_localize_script( 'make-booking-ajax', 'MBAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) ); add_action('wp_ajax_make_booking', 'makeBooking');