Function: The user clicks a button on a webpage
Action: The click should connect to an external server using the following params:
1. User Name
2. IP Address
3. Port
4. Public Key
5. Service
The PHP code is still not sending the vote to my external server. So, I tried a slightly different approach. That is, I am trying to use the wp ajax action.
The Server side PHP is the same (see above).
I have WordPress in debug mode, but I’m not getting any errors.
I’m using Firefox and the form data looks good:
HTML CODE
/* XXXX HTML BUTTON XXXX */
<div id="frm_field_61_container">
<button type="button">Test Vote</button>
</div>
JQuery AJAX
/* XXXXX JQuery / AJAX Call XXXX */
jQuery(document).ready( function($) {
$("#frm_field_61_container").click(function(){
nonce="votifier_response_key";
jQuery.ajax({
type : "post",
dataType : "json",
url : myAjax.ajaxurl,
data : { action: "my_vote_count"
,key: $.trim($("#field_yjr62").val())
,ip: $('input[name="item_meta[40]"]').val()
,port: $('input[name="item_meta[42]"]').val()
,service: "Votifier"
,username: $('input[name="item_meta[59]"]').val()
,nonce: nonce},
success: function(response) {
if(response.type == "success") {
alert("Your vote was counted!")
}
else {
alert("Your vote could not be added")
}
}
});
});
});
WordPress – functions dot php file
/* ===== WordPress Java Script Registration ==== */
add_action( 'wp_enqueue_scripts', 'my_script_enqueuer' );
function my_script_enqueuer() {
wp_register_script( "my_voter_script", get_stylesheet_directory_uri() . '/js/sendvote.js', array('jquery') );
wp_localize_script( 'my_voter_script', 'myAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' )));
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'my_voter_script' );
}
/* ===== My Votifier Code ==== */
add_action( 'wp_ajax_my_vote_count', 'my_ajax_handler');
add_action( 'wp_ajax_nopriv_my_vote_count', 'my_ajax_handler' );
function my_ajax_handler() {
check_ajax_referer( 'votifier_response_key' );
echo "Thank You for your Vote!";
wp_die(); // All ajax handlers die when finished
}
JQuery is Registered and showing up in the footer
When I click on the link in the footer, I see the JQuery:
