WordPress AJAX URL GET POST Call PHP Function

WordPress AJAX URL GET POST Call PHP Function

In this Post We Will Explain About is WordPress AJAX URL GET POST Call PHP Function With Example and Demo.Welcome on Live24u.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to How to use AJAX to call a function in WordPressExample

In this post we will show you Best way to implement WordPress Ajax URL for function in functions.php, hear for How to use AJAX on WordPress step by stepwith Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

You can download source code and Demo from below link.




Example: WordPress AJAX

<div id="wpdiv-form-data"></div>

jQuery( document ).ready( function($) {
	$('#wpdiv-form-data' ).html( 'Simple Encode and Decode Custom Strings with Base64 in JavaScript Devloped by live24u.com' );
});

How?

    jQuery(document).ready(function($) {
     
        $.ajax({
            type: "POST", 
            url: 'http://live24u.com/data_process_get.php',
            data: {
                user_fname : 'admin', // PHP: $_POST['user_fname']
                user_lname  : 'Greg Pierce', // PHP: $_POST['user_lname']
            },
            success:function(data) {
                console.log(data); 
            },
            error: function(errorThrown){
                console.log(errorThrown);
            }
        });  
                  
    });
    <form action="http://live24u.com/data_process_get.php" method="post">
        <input type="text" name="user_fname" value="admin">
        <input type="text" name="user_lname" value="Greg Pierce">
        <input type="submit" value="Submit">
    </form>

data_process_get.php

<?php
$user_fname = isset( $_POST['user_fname'] ) ? $_POST['user_fname'] : 'N/A';
$user_lname = isset( $_POST['user_lname'] ) ? $_POST['user_lname'] : 'N/A';
?>
<p>Hello. wer user_firstname name is <?php echo $user_fname; ?>.</p>
<p>And your user_lastname name is <?php echo $user_lname; ?>.</p>
<?php
die(); 

And it will simple display this text as final results of the request:

Also Read :   Get Selected Radio Button value using jQuery

    <p>Hello. wer user_firstname name is admin.</p>
    <p>And your user_lastname name is Greg Pierce.</p>

AJAX “success” method using WordPress

     $.ajax({
        type: "POST", 
        url: 'http://live24u.com/data_process_get.php', 
        data: {
            user_fname : 'admin', // PHP: $_POST['user_fname']
            user_lname  : 'Greg Pierce', // PHP: $_POST['user_lname']
        },
        success:function(data) {
            $( '#wpdiv-form-data' ).html( data );
        },
        error: function(errorThrown){
            $( '#wpdiv-form-data' ).html( '<p>Error all the module retrieving data. Please simple try again.</p>' );
        }
    });

WordPress and AJAX

http://live24u.com/wp-admin/liveuserdata-ajax.php
$ajax_url = admin_url( 'liveuserdata-ajax.php' );

liveuserdata-ajax.php

$.ajax({
	url: http://live24u.com/api/v1/index.php/userlist", 
});

we can use wp_localize_script()

 
wp_enqueue_script( 'my_script_handle', MY_JS_URL, array( 'jquery' ) );
wp_localize_script( 'my_script_handle', '"http://live24u.com/api/v1/index.php/userlist"', admin_url( 'liveuserdata-ajax.php' ) );

$.ajax({
	url: "http://live24u.com/api/v1/index.php/userlist", 
});

AJAX Action

.ajax({
    url: "http://live24u.com/api/v1/index.php/userlist",
    data: {
        action     : 'my_ajax_action',
        user_fname : 'admin',           // PHP: $_POST['user_fname']
        user_lname  : 'Greg Pierce',           // PHP: $_POST['user_lname']
    },
});

wp_ajax_* action hook like this:

    add_action( 'wp_ajax_my_ajax_action', 'my_ajax_action_callback' );
    function my_ajax_action_callback(){
        $user_fname = isset( $_POST['user_fname'] ) ? $_POST['user_fname'] : 'N/A';
        $user_lname = isset( $_POST['user_lname'] ) ? $_POST['user_lname'] : 'N/A';
        ?>
        <p>Hello. wer First Name is <?php echo $user_fname; ?>.</p>
        <p>And your user_lastname name is <?php echo $user_lname; ?>.</p>
        <?php
        wp_die(); 
    }

wp_ajax_* (the same as above): for logged-in user.

    add_action( 'wp_ajax_my_ajax_action', 'my_ajax_action_callback' );
    add_action( 'wp_ajax_nopriv_my_ajax_action', 'my_ajax_action_callback' );

wp_ajax_nopriv_* : for logged-out simple user.

add_action( 'wp_ajax_nopriv_my_ajax_action', 'my_ajax_action_logged_out_user_callback' );
function my_ajax_action_logged_out_user_callback(){
	?>
	<p>here click to Please log in.</p>
	<?php
	wp_die(); 
}

we can do anything in this callback function.

we can simple load post data using “wp_query” wordpress function
we can simple retrieve options data using “get_option()” wordpress function
we can simple get post simple meta data, or any save it, etc.

Also Read :   Angularjs Multiple images slider items - carousel multiple

You can download source code and Demo from below link.





Example

I hope you have Got What is How to use AJAX on WordPress step by step And how it works.I would Like to have FeadBack From My Blog(live24u.com) readers.Your Valuable FeadBack,Any Question,or any Comments abaout This Article(live24u.com) Are Most Always Welcome.

   

Add a Comment

Your email address will not be published.