Title: 403 error with ajax post request
Last modified: May 5, 2021

---

# 403 error with ajax post request

 *  [matthiasscreed](https://wordpress.org/support/users/matthiasscreed/)
 * (@matthiasscreed)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/403-error-with-ajax-post-request/)
 * Hello i have a worpdress sit on my localhost i try to create a form that send
   a email via ajax request but i’m block i have a 403 error that don’t know how
   to fix
    i create a js file with the right structure the data is sent correctly
   but but i don’t know why the ajax request can’t pass i check the cache
 *     ```
       function javascript_variables(){ ?>
           <script type=&quot;text/javascript&quot;>
               var ajax_url = '<?php echo admin_url( &quot;admin-ajax.php&quot; ); ?>';
               var ajax_nonce = '<?php echo wp_create_nonce( &quot;secure_nonce_name&quot; ); ?>';
           </script><?php
       }
       add_action ( 'wp_head', 'javascript_variables' );
   
       //AJAX REQUEST
       function twentytwentychild_asset() {
       	// ...
       	wp_enqueue_script('jquery');
   
       	// Charger notre script
       	wp_enqueue_script(
       		'twentytwentychild',
       		get_stylesheet_directory_uri(). '/assets/js/script.js', 
       		array('jquery'),
       		'1.0', true
       	);
   
       	// Envoyer une variable de PHP à JS proprement
       	wp_localize_script('twentytwentychild', 'ajaxurl', admin_url('admin-ajax.php'));
       }
       add_action('wp_enqueue_scripts', 'twentytwentychild_asset');
       ```
   
 * the jsfile :
 *     ```
       (function ($) {
           $(document).ready(function () {
   
               jQuery('form[name="form_result"]').on('submit', function() {
                   var form_data = jQuery(this).serializeArray();
                   console.log('hello');
                   form_data.push({"name" : "security", "value" : ajax_nonce });
                   console.log(form_data);
                   // Here is the ajax petition
                   jQuery.ajax({
                       url : ajax_url,
                       type : 'post',
                       data : form_data,
                       success : function( response ) {
                           // You can craft something here to handle the message return
                           alert(response);
                       },
                       fail : function( err ) {
                           alert("there was an error: " + err );
                       }
                   });
   
                   // This return prevents the submit event to refresh the page.
                   return false;
               });
   
             });
       })(jQuery);
       ```
   
 *     ```
       function send_form(){
       	// This is a secure process to validate if this request comes from a valid source.
           check_ajax_referer( 'secure-nonce-name', 'security' );
   
           /**
            * First we make some validations, 
            * I think you are able to put better validations and sanitizations. =)
            */
   
           if ( empty( $_POST["name"] ) ) {
               echo "Insert your name please";
               wp_die();
           }
   
           if ( ! filter_var( $_POST["email"], FILTER_VALIDATE_EMAIL ) ) {
               echo 'Insert your email please';
               wp_die();
           }
   
           if ( empty( $_POST["fcPhone"] ) ) {
               echo "Insert your phone please";
               wp_die();
           }
   
       	$to = 'test@gmail.com';
   
       	$subject = 'Un potentiel consultant viens de faire une simulation!';
   
       	$body  = 'From: ' . $_POST['name'] . '\n';
           $body .= 'Email: ' . $_POST['email'] . '\n';
           $body .= 'Message: ' . $_POST['fcPhone'] . '\n';
   
       	$headers = array('Content-Type: text/html; charset=UTF-8');
   
       	wp_mail( $to, $subject, $body, $headers );
   
       	echo 'Done!';
       	wp_die();
   
       }
       ```
   
    -  This topic was modified 5 years, 1 month ago by [bcworkz](https://wordpress.org/support/users/bcworkz/).

Viewing 1 replies (of 1 total)

 *  Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * (@bcworkz)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/403-error-with-ajax-post-request/#post-14403971)
 * Your form data requires a field (usually hidden) named “action”. The field value
   is used in part to create an action hook which admin-ajax.php invokes, causing
   any added callbacks to execute. Your Ajax handling code goes in this callback,
   not on your form’s PHP code.
 * Your callback is responsible for verifying the nonce and verifying any user constraints
   if they are logged in at all.
 * More on Ajax within WP:
    [https://developer.wordpress.org/plugins/javascript/ajax/](https://developer.wordpress.org/plugins/javascript/ajax/)

Viewing 1 replies (of 1 total)

The topic ‘403 error with ajax post request’ is closed to new replies.

## Tags

 * [ajax](https://wordpress.org/support/topic-tag/ajax/)

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 1 reply
 * 2 participants
 * Last reply from: [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/403-error-with-ajax-post-request/#post-14403971)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics