我有一个分类广告网站，在展示广告的页面上，我正在创建一个“向朋友发送提示”表单...
因此，任何想要的人都可以将广告提示发送给一些朋友的电子邮件地址。
我猜表单必须提交到 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 ......
我找到了我认为更简单的方法。如果您在页面中放置了一个 Iframe，您可以将操作的退出重定向到那里并使其显示出来。当然，你什么也做不了。在这种情况下，您可以将 iframe 显示设置为无。
<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>
您需要提交 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需要处理请求并发送电子邮件的页面。
你要么使用 AJAX 要么你
最快和最简单的方法是使用 iframe。在页面底部放置一个框架。
<iframe name="frame"></iframe>
并以您的形式执行此操作。
<form target="frame">
</form>
并使框架在您的 css 中不可见。
iframe{
display: none;
}
当表单被提交时，动作将被执行并针对特定的 iframe 重新加载。
<iframe name="content" style="">
</iframe>
<form action="iframe_content.php" method="post" target="content">
<input type="text" name="Name" value="">
<input type="submit" name="Submit" value="Submit">
</form>
<?php
$Submit = isset($_POST['Submit']) ? $_POST['Submit'] : false;
$Name = isset($_POST['Name']) ? $_POST['Name'] : '';
if($Submit){
echo $Name;
}
?>
<form >
<input type="" name="name" id="name">
<input type="" name="descr" id="descr">
<input type="submit" name="" value="submit" onclick="return clickButton();">
</form>
<p id="msg"></p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
function clickButton(){
var name=document.getElementById('name').value;
var descr=document.getElementById('descr').value;
$.ajax({
type:"post",
url:"server_action.php",
data:
{
'name' :name,
'descr' :descr
},
cache:false,
success: function (html)
{
alert('Data Send');
$('#msg').html(html);
}
});
return false;
}
</script>
<?php
$name = isset($_POST['name']) ? $_POST['name'] : '';
$descr = isset($_POST['descr']) ? $_POST['descr'] : '';
echo $name;
echo $descr;
?>