带有wordpress的Ajax表单答案

【问题标题】：Ajax form with wordpress带有wordpress的Ajax表单
【发布时间】：2014-01-09 14:55:47
【问题描述】：

我正在尝试使用 WordPress 实现一个简单的 ajax 表单但是我遇到了问题，因此非常感谢任何帮助

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

    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'

【问题讨论】：

标签： php jquery html ajax wordpress

【解决方案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;
          }

【讨论】：