php - 将值传递到 formmail.cgi 而不刷新(HTML 表单 PHP 处理)

Question

我的主机有一个 formmail.cgi 脚本，用于将 html 表单数据发送到电子邮件 ( http://formmail.dreamhost.com/ )，但我不明白如何传递它理解的值。

我尝试过使用此方法来传递表单值:

HTML:

<form  id="contact_form" action="http://formmail.dreamhost.com/cgi-bin/formmail.cgi" method="POST"> 

 <input type=hidden name="recipient" value="info#raphaelguilleminot.com">
 <input type="hidden" name="subject" value="Message from Raphael's portfolio site" />
 <input type=text id="email" class="email default-value" name="email" value="Your email">
 <label class="error" for="email" id="email_error">your email is required</label> 
 <textarea id="message" class="contact_message default-value" name="message" value="your message">Tell me whats on your mind!</textarea><br/> 
 <input class="submit button" type="submit" value="Send" /> 

</form>

Jquery:

$(".button").click(function() {  

var dataString = 'recipient=info#raphaelguilleminot.com' + 'name='+ name + '&email=' + email + '&message=' + message; 

$.ajax({  
 type: "POST",  
 url: "http://formmail.dreamhost.com/cgi-bin/formmail.cgi",  
 data: dataString,  
 success: function() {  
  $('#contact_form').hide().fadeIn(1500) 
  }  
  });  
  return false;
  });
 }); 

有什么想法吗？

Answer 1

为了不刷新页面，需要添加$('#contact_form').submit(function(){ return false; });

我注意到的一件事是，您没有为 name 属性添加前缀 &，虽然构造您自己的 url 编码字符串很好，但您可以使用 jquery 自动为您完成此操作。

为每个表单输入设置 Id，然后使用以下方法获取值:

msg = $('#message').val();
回复 = $('#email').val();

对于数据部分:

数据:({
收件人:info#raphaelguilleimnot.com，
subject:'来自拉斐尔作品集网站的消息',
电子邮件:回复，
消息:消息
})