2014-02-18 43 views
0

我有一个名为login.php的页面加载到另一页(index.php)的div中。 login.php包含一个指向login.php的动作的表单PHP:将帖子发送到同一页面而不是另一页

一旦我按下提交按钮,页面将在新选项卡中打开(如果没有指定目标)或作为整个页面(如果目标是_top,覆盖index.php)。我想要的是将index.php打开,同时将login.php加载到它的div中,并将post数据发送到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> 

和加载的PAG e进入“大型机”分区,我使用此代码:

function loadsel(page) 
    { 
     if (page == 1) 
      $("div#mainframe").load('login.php'); 
    } 
+1

^- http://www.ondeweb.in/ajax-login-form-with-jquery-and-php @sємsєм你的链接格式包含']'这将导致错误。只是说。您确定您的意思是[本教程](http://www.ondeweb.in/ajax-login-form-with-jquery-and-php);-) –

+1

@ Fred-ii- :)您正在谈论AJAX登录形成。您可以使用本教程http://www.ondeweb.in/ajax-login-form-with-jquery-and-php/或在本网站上搜索“ajax登录表单”。 – SaidbakR

回答

1

您需要做的是使用ajax提交表单。试试这个插件,并添加以下代码

http://jquery.malsup.com/form/#ajaxSubmit 

下载插件

function login(){ 
     $('#login_form').ajaxSubmit({ 

    target:'#output_login', 
    url:'./php/login.php' 


    }); 
    return false; 

} 
相关问题