我开始学习 Web 开发,作为练习,我尝试使用 javascript 和 PHP 制作一个 HTML 重定向表单。
HTML
<html>
<head>
<title>FORM</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
<form>
<input type="text" name="url"><br>
<input class="btn" type="button" id="send" value="Send" />
</form>
</body>
</html>
JavaScript
$(document).ready(function() {
$("#send").click(function(){
var url = $("#url").val();
$.ajax({
type: "POST",
url: "engine.php",
data: "url=" + url,
dataType: "html"
});
PHP
<?php
session_start();
$url = $_POST['url'];
header("Location: /".$url.");
session_destroy();
exit;
?>
主要问题是js似乎没有被读取。另外我不知道PHP是否正确。怎么了?
最佳答案
如果您想重定向到另一个 URL,则无需发出 AJAX 请求。另外,你现在的做法无论如何也不会重定向。
下面,当您的点击函数触发时,它将从您的输入字段获取 URL,并重定向到该页面。
<html>
<head>
<title>FORM</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#form_name").submit(function(event){
event.preventDefault();
var url = $("#url").val();
document.location.href = url;
});
})
</script>
<form id="form_name" name="form_name">
<input type="text" name="url" id="url"><br>
<input class="btn" type="submit" id="send" value="Send" />
</form>
</body>
</html>
关于php - 重定向 URL 形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16220822/