阿贾克斯形式与WordPress

Question

我想实现与WordPress不过我现在面临这样做的任何帮助，将不胜感激

HTML

<form class="form-inline" action="wp-admin/admin-ajax.php" id="footer-subs"> 

    <input type="text" name="name" required placeholder="Your Name"> 
    <input type="email" name="email" required placeholder="Email Address" /> 
    <button type="submit" class="red-btn med-btn">Submit</button> 

</form> 

JQuery的

问题，一个简单的Ajax形式

jQuery('#footer-subs').submit(ajaxSubmit); 

       function ajaxSubmit(){ 

       var data = jQuery(this).serialize(); 

       //console.log(newSubsForm); 

       jQuery.post(jQuery("#footer-subs").attr("action"),data, function(info) { 

        jQuery('h3.subscbribe-box-text').fadeOut(500,function(){ 
        jQuery('h3.subscribe-box-submit').html(info).fadeIn(); 

       }); 

      }); 

       return false; 
       } 

Functions.php

wp_localize_script('ajax-gravityFooterSubs', 'the_ajax_gravityFooterSubs', array('ajaxurl_gravityFooterSubs' => admin_url('admin-ajax.php'))); 

function gravityFooterSubs(){ 
    var_dump("LOL") 
    die(); 
} 

add_action('wp_ajax_gravityFooterSubs', 'gravityFooterSubs'); 
add_action('wp_ajax_nopriv_gravityFooterSubs', 'gravityFooterSubs'); 

编辑::我得到一个成功的消息淡入为“0”

Answer 1

好了，所以我设法通过发送操作方法与数据变量来解决这个问题。

jQuery('#footer-subs').submit(ajaxSubmit); 

       function ajaxSubmit(){ 

      var values = jQuery(this).serializeArray(); 

      var data = {'action' : 'gravityFooterSubs', 'values': values}; 


      console.log(data); 

      jQuery.post(jQuery("#footer-subs").attr("action"),data, function(info) { 

       jQuery('h3.subscbribe-box-text').fadeOut(500,function(){ 
       jQuery('h3.subscribe-box-submit').html(info).fadeIn(); 

      }); 

     }); 

      return false; 
      }