Bad Request when adding new post via ajax form

I am trying to insert a new post with a simple ajax form in a wordpress plugin. Visitors will use this form to create posts from frontend.

My form is like this:

jQuery( document ).ready(function() {
jQuery(‘input[type=submit]’).on(‘click’, function() {
var ajaxurl = ‘’;
type: “POST”,
data: jQuery(‘.event-form’).serialize(),
url: ajaxurl,
success: function(result) {
console.log(‘data sent!’);
console.log(‘sent to: ‘ + templateDir + loadUrl );
error: function(jqXHR, textStatus, errorThrown) {
console.log(jqXHR + ” :: ” + textStatus + ” :: ” + errorThrown);

<form id=”msform” name=”review_form” class=”form-horizontal event-form” action=”/create-event” method=”POST” enctype=”multipart/form-data”>
<input type=”text” name=”title” placeholder=”title”>
<textarea rows=”4″ name=”desc” placeholder=”Description”></textarea>
<select name=”category”>
<option value=”volvo”>Volvo</option>
<option value=”saab”>Saab</option>
<option value=”opel”>Opel</option>
<option value=”audi”>Audi</option>
<input type=”hidden” name=”userID” id=”userID” value=”<?php get_current_user_id(); ?>”>
<input type=”submit” name=”submit” class=”submit action-button” value=”Submit”/>

This is the php ajax function

function save_post () {
ini_set(‘display_errors’, 1);

$new_post = array(
‘post_title’ => $_POST[‘title’],
‘post_author’ => $_POST[‘userID’],
‘post_content’ => $_POST[‘desc’],
‘post_category’ => array($_POST[‘category’]),
‘post_status’ => ‘publish’,
‘post_type’ => ‘post’

$post_id = wp_insert_post($new_post);

I am getting the following error message in the console when I click the submit button:

[object Object] :: error :: Bad Request

What am I doing wrong?

Read more here:: Bad Request when adding new post via ajax form

Leave a Reply

Your email address will not be published. Required fields are marked *