logo标签列表

AJAX成功返回0的问题

javascriptphpajaxwordpress
3
我需要一点帮助。我设计了自己的ajax功能。这是一个简单的表单，输入5个值进行验证，然后通过ajax将数据发送到php函数，并且该函数会将详细信息发电子邮件。成功后会向用户显示确认弹窗。
我已经应用了验证，并且也能够运行ajax。但由于某种原因，我的成功函数一直返回0。请协助解决。
提交时Chrome上的Dev工具输出： http://imgur.com/m5Ah0md 提交时Chrome上的网络输出： http://imgur.com/R7q9WnH 我的JavaScript:
function contact_validations(){
event.preventDefault();
var name= jQuery('#contactname').val();
var cemail= jQuery('#contactemail').val();
var tel= jQuery('#contactphone').val();
var address= jQuery('#contactaddress').val();
var message= jQuery('#contactsubject').val();
var s=true;

if(name==''|| name==null ){
    jQuery('#name_err').html('Please enter your name');
    s=false;
    }else{  
        jQuery('#name_err').html('');
        }

if(cemail==''){
    jQuery('#email_err').html('Please enter email');
    s=false;
    }else{ 
        var x=cemail;
        var atpos=x.indexOf("@");
        var dotpos=x.lastIndexOf(".");
        if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
            { jQuery('#email_err').html("Please Enter  Valid E-mail Address"); s= false;} 
            else{
                jQuery('#email_err').html('');
                }
        }   


if(tel==''|| tel==null ){
    jQuery('#tel_err').html('Please enter your telephone number');
    s=false;
    }else{  
        jQuery('#tel_err').html('');
        }



if(address=='' || address==null){
    jQuery('#address_err').html('Please enter your address');
    s=false;
    }else{  
        jQuery('#address_err').html('');
        }


if(message=='' || message==null){
    jQuery('#message_err').html('Please enter your message');
    s=false;
    }else{  
        jQuery('#message_err').html('');
        }
        console.log( url );


if(s)
        {
            var url = "http://localhost:9080/c/wp-admin/admin-ajax.php";
            var data = {

                "action":"contact_email" ,
                "name": name ,
                "email": cemail ,
                "tel": tel ,
                "address": address ,
                "message": message 


            }
            jQuery.ajax({
            type: "POST",
            url: url,   
            contentType: 'JSON',
            data: JSON.stringify(data),
            beforeSend: function(){
                console.log('happened');
                jQuery('#ajax-loader').show();
                jQuery('#ajax-loader').html('<img src="http://localhost:9080/c/wp-content/themes/aussie/images/ajax-loader.gif">');
                },
            success: function(result) {
                jQuery('#ajax-loader').hide();
                console.log(result);


                if(result=='0')
                {
                    console.log("No Result")
                }
                if(result=='1')
                {   
                jQuery.fancybox({
                    href: '#contact-popup'
                });
                jQuery('#contactname').val('');
                jQuery('#contactemail').val('');
                jQuery('#contactphone').val('');
                jQuery('#contactaddress').val('');
                jQuery('#contactsubject').val('');

                console.log ( s );
              } 
            }
        });


        }
}

我的Javascript：

function contact_email() {



            $url = get_bloginfo('url');
            $storeemail = get_option('contactemailstored'); 
            $to = $storeemail['contactemail'];
            $subject = $url . ' - Contact';
            $name = $_POST['contactname'];
            $email = $_POST['contactemail'];
            $phone = $_POST['contactphone'];
            $address= $_POST['contactaddress'];
            $content= $_POST['contactsubject'];                                         
            $message = '<br>'.'Name:- ' .  $name . '<br>';
            $message  .= 'Email- ' . $email . '<br>';
            $message  .= 'Phone:- ' . $phone . '<br>';
            $message  .= 'Address  :' . $address  . '<br>';
            $message  .= 'Subject  :' . $content  . '<br>';


            $sent_message = wp_mail( $to , $subject, $message ); 

        if ( $sent_message ) {
            // the message was sent...
            echo '1';
        } else {
            // the message was not sent...
            echo '1';
        }

         exit;


    }
add_action('wp_ajax_contact_email', 'contact_email');

add_action('wp_ajax_nopriv_contact_email', 'contact_email');
1
返回0的确切含义是什么？ - u_mulder
当您在浏览器中加载php页面时会发生什么？ - Fluinc
但是你的 success 方法根本没有返回任何东西...你是不是想说 result == '0'？ - rnevius
我已经附上了屏幕截图。 - Fahad Sohail
@mevius 是的，result == '0'。根据 jQuery 的 success Function( Anything data, String textStatus, jqXHR jqXHR )，我的数据返回了 0。 - Fahad Sohail
3个回答
1
问题在于你将 data 转换为 json，但 wp 期望找到一个名为 action 的字段以找到正确的函数，因此你的返回值为 0（未找到函数，没有遇到退出所以返回 0）。
在这种情况下，实际上你不需要发送 json 值来发送表单，但它将期望一个 json 响应，因此在你的 php 函数中，你应该对返回值进行 json_encode。
jQuery(document).ready(function(){  

        var url = "<?php echo admin_url('admin-ajax.php'); ?>";
        var data = {

            "action": contact_email ,
            "name": name ,
            "email": cemail ,
            "tel": tel ,
            "address": address ,
            "message": message 
        }

        jQuery.ajax({
            type: "POST",
            url: url,   
            contentType: 'JSON',
            //JSON.stringify(data), -->will cause issue
            data: data,
            beforeSend: function(){
                console.log('happened');
            },
            success: function(result) {
                console.log(result);
            }
        });        
});

PHP

function contact_email() {

            // the message was sent...
      echo  json_encode(1); // if just sending 1, you can echo without json encode...
       exit;

}
add_action('wp_ajax_contact_email', 'contact_email');

add_action('wp_ajax_nopriv_contact_email', 'contact_email');

发送 Json ...

如果您希望，可以将其他表单值转换为 json 并包含在其自己的对象键中。例如：

var data={};
data.action= 'hook';
data= JSON.stringify(formData);

等等。

非常感谢你的解决方案，伙计。我尝试了你的方法，确切的代码没有起作用，但我得到了灵感。 - Fahad Sohail
0
非常感谢大家的帮助，我得到了很多帮助。虽然我已经找到了问题所在，问题是对于WordPress，我不需要解析JSON数据。因此，我使用了普通类型，并且它起作用了。
另外，我的函数contact_email有语法错误。我使用了……
$name = $_POST['contactname'];
$email = $_POST['contactemail'];
$phone = $_POST['contactphone'];
$address= $_POST['contactaddress'];
$content= $_POST['contactsubject'];

我原本是使用表单数据进行捕获，但实际上应该使用在 AJAX 中声明的 val 进行捕获。最终我使用了这种方式，它起到了作用：

$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['tel'];
$address= $_POST['address'];
$content= $_POST['message'];

这是更新后的代码：

Jquery：

function contact_validations(){
var name= jQuery('#contactname').val();
var cemail= jQuery('#contactemail').val();
var tel= jQuery('#contactphone').val();
var address= jQuery('#contactaddress').val();
var message= jQuery('#contactsubject').val();
var s=true;

if(name==''|| name==null ){
    jQuery('#name_err').html('Please enter your name');
    s=false;
    }else{  
        jQuery('#name_err').html('');
        }

if(cemail==''){
    jQuery('#email_err').html('Please enter email');
    s=false;
    }else{ 
        var x=cemail;
        var atpos=x.indexOf("@");
        var dotpos=x.lastIndexOf(".");
        if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
            { jQuery('#email_err').html("Please Enter  Valid E-mail Address"); s= false;} 
            else{
                jQuery('#email_err').html('');
                }
        }   


if(tel==''|| tel==null ){
    jQuery('#tel_err').html('Please enter your telephone number');
    s=false;
    }else{  
        jQuery('#tel_err').html('');
        }



if(address=='' || address==null){
    jQuery('#address_err').html('Please enter your address');
    s=false;
    }else{  
        jQuery('#address_err').html('');
        }


if(message=='' || message==null){
    jQuery('#message_err').html('Please enter your message');
    s=false;
    }else{  
        jQuery('#message_err').html('');
        }


if(s)
        {
            var url = "http://localhost:9080/c/wp-admin/admin-ajax.php";

            jQuery.ajax({
            type: "POST",
            url: url,   


            data:"action=contact_email&name="+name+"&email="+cemail+"&tel="+tel+"&address="+address+"&message="+message,
            beforeSend: function(){
                console.log('happened');
                jQuery('#ajax-loader').show();
                jQuery('#ajax-loader').html('<img src="http://localhost:9080/c/wp-content/themes/aussie/images/ajax-loader.gif">');
                },
            success: function(result) {
                jQuery('#ajax-loader').hide();
                console.log(result);


                if(result=='0')
                {
                    console.log("No Result")
                }
                if(result=='1')
                {   
                jQuery.fancybox({
                    href: '#contact-popup'
                });
                jQuery('#contactname').val('');
                jQuery('#contactemail').val('');
                jQuery('#contactphone').val('');
                jQuery('#contactaddress').val('');
                jQuery('#contactsubject').val('');

                console.log ( s );
              } 
            }
        });


        }

}

PHP

function contact_email() {



            $url = get_bloginfo('url');
            $storeemail = get_option('contactemailstored'); 
            $to = $storeemail['contactemail'];
            $subject = $url . ' - Contact';
            $name = $_POST['name'];
            $email = $_POST['email'];
            $phone = $_POST['tel'];
            $address= $_POST['address'];
            $content= $_POST['message'];                                            
            $message = '<br>'.'Name:- ' .  $name . '<br>';
            $message  .= 'Email- ' . $email . '<br>';
            $message  .= 'Phone:- ' . $phone . '<br>';
            $message  .= 'Address  :' . $address  . '<br>';
            $message  .= 'Subject  :' . $content  . '<br>';


            $sent_message = wp_mail( $to , $subject, $message ); 

        if ( $sent_message ) {
            // the message was sent...
            echo '1';
        } else {
            // the message was not sent...
            echo '0';
        }

         exit;


    }
add_action('wp_ajax_contact_email', 'contact_email');

add_action('wp_ajax_nopriv_contact_email', 'contact_email');
0
function contact_email() {

         //your code
         exit();
         die();
}

您需要在函数末尾包含这些 PHP 函数exit();和die();。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接