AJAX action in theme's functions.php - php

Question

I've figured out that wp_ajax_my_action only works if it's placed in a plugin.
Does anyone know if it's possible to run it in my theme's functions.php?

Answer 1

Yes you can :
In your page template :
var AjaxUrl = '<?php echo admin_url('admin-ajax.php'); ?>';
$.ajax({
type: "POST",
url: AjaxUrl,
data: {
action: 'your_action'
},
Inside your functions.php :
function your_action() {
//write your code here
}
add_action('wp_ajax_your_action', 'your_action');
add_action('wp_ajax_nopriv_your_action', 'your_action');

Answer 2

Pass action in Html form
<form name="myform">
<input type="hidden" name="action" value="custom_action">
<input type="text" name="get_first_name" >
<input type="submit value="submit">
</form>
Your jQuery look like this
<script>
jQuery(document).ready(function ()
{
var $this = jQuery(this); // Cache this
jQuery.ajax({
url: '<?php echo admin_url("admin-ajax.php") ?>', // Let WordPress figure this url out...
type: 'post',
dataType: 'JSON', // Set this so we don't need to decode the response...
data: $this.serialize(), // One-liner form data prep...
beforeSend: function () {
// You could do an animation here...
},
success: function (data)
{
if (data.status === 'success') {
alert("Success");
// Here, you could trigger a success message
} else {
// fail
}
}
});
});
</script>
put this code in function file
function custom_action_function()
{
$first_name = $_POST['get_first_name'];
/* fetch your form variable here */
if('your condition') // your condition if success
{
echo json_encode(array('status' => 'success', 'message' => 'Message Sent.'));
exit;
}
else
{
echo json_encode(array('status' => 'error', 'message' => 'Message not sent'));
exit;
}
}
add_action('wp_ajax_custom_action', 'custom_action_function'); // Call when user logged in
add_action('wp_ajax_nopriv_custom_action', 'custom_action_function'); // Call when user in not logged in