提交表单而不重新加载页面
提交表单而不重新加载页面
提问于 2010-05-19 21:49:23
我有一个分类广告网站，在显示广告的页面上，我正在创建一个“发送提示给朋友”表单…
因此，任何想要的人都可以将广告的提示发送到一些朋友的电子邮件地址。
我猜表单必须提交到一个php页面，对吗？
<form name="tip" method="post" action="tip.php">
Tip somebody:
<input
name="tip_email"
type="text"
size="30"
onfocus="tip_div(1);"
onblur="tip_div(2);"
/>
<input type="submit" value="Skicka Tips" />
<input type="hidden" name="ad_id" />
</form>提交表单时，页面将重新加载...我不想那样...
有没有办法让它不重新加载，仍然发送邮件？最好不要ajax或jquery...
回答 13
Stack Overflow用户
回答已采纳
发布于 2010-05-19 21:56:36
您需要提交一个ajax请求来发送电子邮件，而不需要重新加载页面。看一看http://api.jquery.com/jQuery.ajax/
你的代码应该是这样的：
$('#submit').click(function() {
$.ajax({
url: 'send_email.php',
type: 'POST',
data: {
email: 'email@example.com',
message: 'hello world!'
},
success: function(msg) {
alert('Email Sent');
}
});
});表单将在后台提交到需要处理请求和发送电子邮件的send_email.php页面。
Stack Overflow用户
发布于 2014-10-15 18:48:01
我找到了我认为更简单的方法。如果您在页面中放置了一个Iframe，则可以重定向操作的退出并使其显示出来。当然，你什么也做不了。在这种情况下，可以将iframe显示设置为none。
<iframe name="votar" style="display:none;"></iframe>
<form action="tip.php" method="post" target="votar">
<input type="submit" value="Skicka Tips">
<input type="hidden" name="ad_id" value="2">
</form>Stack Overflow用户
发布于 2012-04-30 18:51:39
最快、最简单的方法是使用iframe。在页面底部放置一个框架。
<iframe name="frame"></iframe>
在你的表格中这样做。
<form target="frame">
</form>并使框架在您的css中不可见。
iframe{
display: none;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2866063
复制相关文章
相似问题