如何将简码参数值传递给 Javascript/Ajax？答案

【问题标题】：How to pass shortcode param value to Javascript/Ajax?如何将简码参数值传递给 Javascript/Ajax？
【发布时间】：2015-06-30 00:33:07
【问题描述】：

我创建了一个使用 ajax 处理的联系表单简码。短代码有一个参数来设置要发送消息的电子邮件地址。这样我就可以使用不同的电子邮件帐户来接收消息，具体取决于表单是什么。

当您单击提交此 javascript 时，使用 $('#name').val() 获取表单字段值并发送到我在另一个 php 文件中创建的 ajax_contact_form 函数：

 $('.contact-form').submit(function(){
    var action = $(this).attr('action');
    $("#message").slideUp(750,function() {
    $('#message').hide();
    $('#submit')
      .after('<i class="fa fa-refresh fa-spin fa-2x"></i>')
      .attr('disabled', 'disabled');
    $.post(
      action,
      {
        action: 'ajax_contact_form',
        name: $('#name').val(),
        email: $('#email').val(),
        phone: $('#phone').val(),
        subject: $('#subject').val(),
        message: $('#message').val(),
      },
      function(data){
        document.getElementById('form-alert').innerHTML = data;
        $('#form-alert').slideDown('slow');
        $('.contact-form .fa-spin').fadeOut('fast',function(){$(this).remove()});
        $('#submit').removeAttr('disabled');
        if(data.match('success') != null) $('.contact-form').slideUp('slow');
      }
    );
  });
  return false;
  });

我可以对电子邮件地址做同样的事情，像这样在 html 代码中打印：data-email="xxxx@xxx.com"，但显然我不想将电子邮件地址打印在 HTML 代码中。而且我不知道另一种方法来实现这一点。

如何在不打印表单的情况下将简码参数值传递给 ajax php 文件？

【问题讨论】：

标签： javascript php ajax wordpress shortcode

【解决方案1】：

如果你使用：

    $('.contact-form').serialize()

有帮助吗？如果这不是您想要的，您能再解释一下吗？

https://api.jquery.com/serialize/

【讨论】：