Any ideas why I am getting “I’m getting “wp-admin/admin-ajax.php 401 (Unauthorized)”

Question

I’m running locally on Windows 10 and I’m a full admin on my computer. Any ideas?

Basically I’m trying to send an email from the form. I just started the code and wanted to test that the ajax was getting called. I have SMTP configured.

<div class="chat-form">
    <form class="form-container" id="chat-form">        
        <input type="hidden" name="nonce" value="<?php echo wp_create_nonce( ) ?>" />
        <div class="form-group row">
            <div class="col">
                <input type="email" class="form-control" placeholder="Your email" id="email" name="email" required />
            </div>
        </div>
        <div class="form-group row">
            <div class="col">
                <textarea class="form-control" placeholder="Type your message" id="message" name="msg" rows =10 required></textarea>
            </div>
        </div>
        <div class="form-group row">
            <div class="col">
                <button type="submit" class="btn btn-sm btn-primary btn-block submit" name="submit">Send</button>
            </div>
        </div>
    </form>
    <div class="form-group row">
        <div class="col text-right">
            <button type="button" name="message" class="btn btn-sm btn-success chat" title="Open message window"><i class="far fa-comment"></i></button>
        </div>
    </div>
</div>

<script>
(function($) {

    $(".submit").on("click", function (e) {
        e.preventDefault();
        //e.stopPropagation();        

        let endpoint = "<?php echo admin_url( "admin-ajax.php" )?>";

        let form = $("#chat-form").serialize();

        let formData = new FormData;

        formData.append("action", "enquiry");
        formData.append("enquiry", form);
        //alert (url);

        $.ajax( endpoint, {

            type: "POST",
            data: formData,
            processData: false,
            contentType: false,

            success: function(response) {

                alert(response.data)
            },
            error: function(err) {

            }
        });
    });

})(jQuery)
</script>

In functions.php I have this

add_action("wp_ajax_enquiry", "send_message_form");
add_action("wp_ajax_nopriv_enquiry", "send_message_form");

function send_message_form() {

    wp_send_json_success("Yes it works");
}

And thats as far as I got

0
, , djack109 3 years 2020-06-02T08:11:11-05:00 0 Answers 95 views 0

Leave an answer

Browse
Browse