[英]PHP: send post to div on same page instead of another page
我有一個名為login.php的頁面已加載到另一頁面(index.php)的div中。 login.php包含一個帶有指向login.php的操作的表單
一旦按下提交按鈕,頁面將在新選項卡中打開(如果未指定目標),或者在整個頁面中打開(如果目標是_top,則覆蓋index.php)。 我想要的是在將login.php加載到div中的同時打開index.php,並將發布數據轉到div內的login.php。 那有可能嗎?
的login.php
<!DOCTYPE html>
<html>
<head>
<link href="others.css" rel="stylesheet">
</head>
<body>
<?php
require_once('funcs.php');
if (!empty($_POST['user']) && !empty($_POST['pass']))
{
$username=cleanInput($_POST['user']);
$password=cleanInput($_POST['pass']);
if (login($username,$password)) { show_login_form("Invalid username or password!"); }
else
{
// login...
echo "okay boss!";
}
}
else { show_login_form(null); }
?>
</body>
</html>
FUNCS.PHP
<?php
function cleanInput($data)
{
$data=trim($data);
$data=htmlspecialchars($data,ENT_QUOTES, "UTF-8");
return $data;
}
function show_login_form($err)
{
echo '<h4>Enter username and password:</h4>';
if (isset($err)) { echo "<span style='color:red'>Error: $err</span><br>"; }
echo '
<br><form method="post" action="login.php">
username: <br><input name="user" type="text"><br>
password: <br><input name="pass" type="password"><br><br>
<input id="button" type="submit" value="Login"></form>
';
}
?>
的index.php
<!DOCTYPE html>
<html>
<head>
<title>Dating Site</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<?php require_once ("header.php"); ?>
<div id="mainframe" class="mainframe">
<?php require_once ("home.php"); ?>
</div>
<?php require_once ("footer.php"); ?>
</body>
</html>
並將頁面加載到“大型機” div中,我使用以下代碼:
function loadsel(page)
{
if (page == 1)
$("div#mainframe").load('login.php');
}
您需要做的是使用ajax提交表單。 試試這個插件並添加以下代碼
http://jquery.malsup.com/form/#ajaxSubmit
下載插件
function login(){
$('#login_form').ajaxSubmit({
target:'#output_login',
url:'./php/login.php'
});
return false;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.