簡體   English   中英

PHP:將帖子發送到同一頁面而不是另一頁面上的div

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM