I'm new to Ajax queries in wordpress. I've got a jquery request in JS and a PHP handler that is running successfully and executing as it should. However, the response that is sent back using wp_send_json_success() is returning undefined and I can't work out why.

The javascript request:

 $('.iflo-visibility-option-item').on('click', function() { var post_id = $(this).attr( 'id' ); console.log(post_id); $.ajax({ type: 'POST', url: ajax_object.ajaxurl, data: { action: 'iflo_update_post_visibility', post_id: post_id, visibility: 'Library', success: function ( response, status, XHR ) { alert(status); } } }); });
});

The PHP block in the handler that should return.

update_post_meta ( $post_id, $key, $_REQUEST ['visibility']);
$response = array('response' => 'Visibility was updated.',);
iflo_write_log($response);
wp_send_json_success( $response );

When the response is written to the log I get this:Array ( [response] => Visibility was updated. )

The database update happens successfully. Any ideas why the response isn't getting to the client?

2

1 Answer

I am pretty sure it is due to you putting the success function inside the data: attribute. Also, I do not see you declaring the Datatype. Try forming your ajax function like this:

 $.ajax({ url: ajax_object.ajaxurl, type: 'POST', data: $(form).serialize() + "&action=" + "validate_email_input", dataType: 'json', beforeSend: function () { //Before sending, like showing a loading animation }, success: function(data){ console.log(data); }, error: function(data) { console.log(data); }, });

That should fix the undefined response.

2

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password Submit

Post as a guest

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.