jQuery(document).ready(function($) {
// We'll pass this variable to the PHP function example_ajax_request
var fruit = 'Banana';
// This does the ajax request
$.ajax({
url: ajaxurl,
data: {
'action':'example_ajax_request',
'fruit' : fruit
},
success:function(data) {
// This outputs the result of the ajax request
console.log(data);
},
error: function(errorThrown){
console.log(errorThrown);
}
});
});
要在functions.PHP中插入的PHP片段
function example_ajax_request() {
// The $_REQUEST contains all the data sent via ajax
if ( isset($_REQUEST) ) {
$fruit = $_REQUEST['fruit'];
// Let's take the data that was sent and do something with it
if ( $fruit == 'Banana' ) {
$fruit = 'Apple';
}
// Now we'll return it to the javascript function
// Anything outputted will be returned in the response
echo $fruit;
// If you're debugging, it might be useful to see what was sent in the $_REQUEST
// print_r($_REQUEST);
}
// Always die in functions echoing ajax content
die();
}
add_action( 'wp_ajax_example_ajax_request', 'example_ajax_request' );
wp_localize_script( 'ajax-script', 'ajax_object', array( 'ajax_url' => admin_url( 'admin-ajax.PHP' ) ) );
function example_ajax_request() {
// The $_REQUEST contains all the data sent via ajax
if ( isset($_POST) ) {
$fruit = $_POST['fruit'];
// Let's take the data that was sent and do something with it
if ( $fruit == 'Banana' ) {
$fruit = 'Apple';
}
// Now we'll return it to the javascript function
// Anything outputted will be returned in the response
echo $fruit;
// If you're debugging, it might be useful to see what was sent in the $_POST
// print_r($_POST);
}
// Always die in functions echoing ajax content
die();
}
添加了add_action(‘wp_ajax_nopriv_ …)：
add_action( 'wp_ajax_nopriv_example_ajax_request', 'example_ajax_request' ); // <= this one
add_action( 'wp_ajax_example_ajax_request', 'example_ajax_request' );
对于你的jQuery脚本script.js文件,有两件重要的遗漏：
jQuery(document).ready(function($) {
/* We'll pass this variable to the PHP function example_ajax_request */
var fruit = 'Banana';
/* This does the ajax request */
$.ajax({
url: ajax_object.ajaxurl, /* <====== missing here */
type : 'post', /* <========== and missing here */
data: {
'action':'example_ajax_request',
'fruit' : fruit
},
success:function(data) {
/* This outputs the result of the ajax request */
console.log(data);
},
error: function(errorThrown){
console.log(errorThrown);
}
});
});
这应该现在工作……
参考文献：
> Using AJAX With PHP on Your WordPress Site Without a Plugin > How to use Ajax with your WordPress Plugin or Theme?
$("#contact-send").click(function(){
var forwhat = $("#contact-for").val();
var name = $("#contact-name").val();
var email = $("#contact-email").val();
$.post( "<?PHP echo esc_js( site_url() ) ?>",{ siteWideMessage:"null",forwhat: forwhat,name: name,email:email },function(){
console.log("success");
});
});
我不太清楚我在这里缺少什么.有人可以帮我理解wordpress的Ajax流程吗？
UPDATE
到目前为止,我更新了我的代码：
PHP
add_action( 'wp_ajax_siteWideMessage','wpse_sendmail' );
add_action( 'wp_ajax_nopriv_siteWideMessage','wpse_sendmail' );
function wpse_sendmail()
{
$for = $_POST['forwhat'];
$email = $_POST['email'];
$headers = 'From: '.$email ."\r\n".'Reply-To: '.$email;
$message = $_POST['message_message'];
$respond = $_POST['message_email'];
/*if(wp_mail( "support@ontrgt.net","(OTN) Support: ".$for,$headers))
{
echo "WOOHOO";
}*/
if($for)
{
//Just to see if there is any response.
echo "Whoohoo";
}
die();
}
JS
$("#contact-send").click(function(){
var forwhat = $("#contact-for").val();
var name = $("#contact-name").val();
var email = $("#contact-email").val();
var data = { action:'siteWideMessage',forwhat:forwhat,name:name,email:email };
$.post('<?PHP echo admin_url("admin-ajax.PHP"); ?>',data,function(response) {
alert(response);
});
});
$("#contact-send").click(function(e){
e.preventDefault(); // if the clicked element is a link
//...
var data = { 'action':'siteWideMessage','more':'values' };
$.post('<?PHP echo admin_url('admin-ajax.PHP'); ?>',function(response) {
console.log(response);
});
});
确保将exit / die放在服务器端处理程序的末尾,例如：
function wpse_sendmail()
{
// Process the post data...
if(mail(...)) {
echo 'success';
}
else {
echo 'Failed';
}
die();
}
add_action( 'wp_enqueue_scripts','so_enqueue_scripts' );
function so_enqueue_scripts(){
wp_register_script( 'ajaxHandle',plugins_url('PATH TO YOUR SCRIPT FILE/jquery.ajax.js',__FILE__),array(),false,true );
wp_enqueue_script( 'ajaxHandle' );
wp_localize_script( 'ajaxHandle','ajax_object',array( 'ajaxurl' => admin_url( 'admin-ajax.PHP' ) ) );
}
文件：jquery.ajax.js
这个文件进行AJAX调用.
jQuery(document).ready( function($){
//Some event will trigger the ajax call,you can push whatever data to the server,simply passing it to the "data" object in ajax call
$.ajax({
url: ajax_object.ajaxurl,// this is the object instantiated in wp_localize_script function
type: 'POST',data:{
action: 'myaction',// this is the function in your functions.PHP that will be triggered
name: 'John',age: '38'
},success: function( data ){
//Do something with the result from server
console.log( data );
}
});
});
add_action( "wp_ajax_myaction","so_wp_ajax_function" );
add_action( "wp_ajax_nopriv_myaction","so_wp_ajax_function" );
function so_wp_ajax_function(){
//DO whatever you want with data posted
//To send back a response you have to echo the result!
echo $_POST['name'];
echo $_POST['age'];
wp_die(); // ajax call must die to avoid trailing 0 in your response
}
