如何在提交表单元素后将网页重定向到不同的网页

时间:2012-02-13 07:23:50

标签: php javascript jquery html css

我正在设计一个网页,我需要使用单选按钮作为表单元素。请检查以下代码......

<form action="glitter.php" method="post">
<input type="radio" name="font" value="fonts/darkcrystaloutline.ttf"/>
<input type="radio" name="font1" value="fonts/darkcrystalout.ttf"/> 
<input type="radio" name="font2" value="fonts/darkcrystalout2.ttf"/> 
<input type="submit">
</form> 

通过将单选按钮值提交到“glitter.php”,上面的代码工作正常,但我需要的是首先将值提交给“glitter.php”。提交后,网页应重定向到另一个网页(例如:“kothi.html”)。有没有办法通过使用PHP或JQuery来做到这一点。请帮我解决这个问题....

6 个答案:

答案 0 :(得分:4)

您可以使用header("location: http://domainname/path/to/kothi.html");

<强> Find the manual here

答案 1 :(得分:2)

您希望使用PHP的header()函数重定向它,以发送Location标题(在所有表单处理之后,在glitter.php上)。

header("Location: /kothi.html"); //Assuming kothi.html is 
                                 //found on the root of the website.
die();                           //Stop processing

此外,如果您希望您的单选按钮实际工作,您需要给它们所有相同的名称(否则它们不会分组)

<form action="glitter.php" method="post">
    <input type="radio" name="font" value="fonts/darkcrystaloutline.ttf"/>
    <input type="radio" name="font" value="fonts/darkcrystalout.ttf"/>
    <input type="radio" name="font" value="fonts/darkcrystalout2.ttf"/>
    <input type="submit">
</form> 

答案 2 :(得分:1)

// Glitter.php页面

<?php
if(isset($_POST['font']))
{
// Do you stuff then redirect
header("location: yourPage.html");
// adding exit() thanks to MrJ

exit();
}
?>

答案 3 :(得分:0)

header("location: http://domainname/path/to/kothi.html");

OR

header("location: ./kothi.html");

都可以。

答案 4 :(得分:0)

我们将使用Ajax来执行此操作。首先,我们将获取表单,我们将使用e.preventDefault();停止默认操作。然后我们将获取表单的值。使用jQuery强大的$ .ajax方法,我们将url设置为我们的glitter.php文件,我们的数据作为查询字符串发送,因此,'mysite.com/?val=OurValue。我们的价值是'val'的价值,这是我们提交的表格。成功功能允许我们仅在表单成功提交后才能指向页面。 top.location.href允许我们在本地或外部执行标准重定向到我们想要的任何地方。我在成功函数中留下了“响应”,因此你可以决定做什么以及何时做。

希望这有帮助。

$("#my_form").submit(function(e){
  e.preventDefault();
  val = $(this).val();
  $.ajax({
    url: 'glitter.php',
    data: 'val='+val,
    success: function(data, response){
      top.location.href = 'http://www.google.com'
    }
  });
});

答案 5 :(得分:-4)

如何在表单中添加“操作”?