0

我的主机有一个 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>

查询：

$(".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;
  });
 });

有任何想法吗？

4

2 回答 2

1

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

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

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

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

对于数据部分：

data:({ recipient:info#raphaelguilleimnot.com, subject:'Message from Raphael's portfolio site', email:replyto, message:msg })

于 2010-08-01T23:44:21.187 回答
1

您定义 dataString 的方式不正确。

var dataString = 'recipient=info#raphaelguilleminot.com' + 'name=' (...)

实际上应该是

var dataString = 'recipient=info#raphaelguilleminot.com' + '&name=' (...)

此外，您应该使用数组或对象来传递数据参数，例如

var data = {
  recipient: 'info#raphaelguilleminot.com',
  name: name,
  (...)
}

jQuery 会自动确保您的参数正确转义。

最后，您应该阻止提交按钮的默认行为，以便可以进行 ajax 调用。否则，您的页面将加载 CGI 脚本，实际上发送数据两次（如果 ajax 调用幸运地通过了）。

$('#contact_form').submit(function(){ 
  return false;
});

应该做的伎俩。

于 2010-08-01T23:52:46.800 回答