-1

我尝试搜索，但没有像我想要的那样得到答案。好吧，我的问题在这里。

我有一个名为 index.php 的登录页面，并且在 index.php 内部有用于信息登录的 div。

索引.php

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<script type="text/javascript" src="js/login.js"></script>

<title></title>
</head>

<body>

<form method="POST">
    <p>Username <input type="text" name="cUsername" size="20"></p>
    <p>Password <input type="text" name="cPassword" size="20"></p>
    <p><input type="submit" value="Login" name="B1"></p>
</form>

<div id="msg"></div>
</body>

</html>

在这里我的 Jquery 无需刷新页面即可登录。

登录.js

$(document).ready(function() {
    $('#Loading4').hide();    
});

function ajax-login(){

    var cUusername = $("#cUsername").val();
    var password = $("#password").val();

    if(cUsername.length > 2){
        $('#Loading4').show();
        $.post("login.php", {
            cUsername: $('#cUsername').val(),
            password: $('#password').val(),
        }, function(response){
            $('#Info4').fadeOut();
             $('#Loading4').hide();
            setTimeout("finishAjax4('Info4', '"+escape(response)+"')", 450);
        });
        return false;
    }
}

function finishAjax4(id, response){

  $('#'+id).html(unescape(response));
  $('#'+id).fadeIn(1000);
}

在这里我的登录页面称为

登录.php

<?php

if($_REQUEST)
{
    $username   = $_REQUEST['username'];
    $query = "select * from tbl_user where username = '".strtolower($username)."'";
    $results = mysql_query( $query) or die('Error to connect to the database');

    if(mysql_num_rows(@$results) > 0) // not available
    {
        echo '<div id="msg">Login Successful !</div>';
    }
    else
    {
        echo '<div id="msg">Not Register Yet !</div>';
    }

}?>

我的意思是，我想从“login.php”调用DIV显示消息成功或失败，ID为msg，该DIV在“index.php”文件中。在 index.php 中将显示使用 ajax 登录时成功或失败时显示。但我想从 login.php 页面调用这个 DIV。

我可以这样做吗？谢谢

4

2 回答 2

0

看一下这个 。

$.post('index.php', $('form').serialize(), function(data){
    $("#msg").html(data)
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

了解更多详情

于 2013-08-19T03:07:55.910 回答
0

您可以编辑您的 login.php 以响应JSON

<?php

if($_REQUEST)
{
    $username   = $_REQUEST['username'];
    $query = "select * from tbl_user where username = '".strtolower($username)."'";
    $results = mysql_query( $query) or die('Error to connect to the database');

    if(mysql_num_rows(@$results) > 0) // not available
    {
        $res = array('id'=>'msg', 'data'=>'Login Successful !');//here you can pass the id you need to change it and the new html data 
    }
    else
    {
        $res = array('id'=>'msg', 'data'=>'Not Register Yet !');//here also you can pass the id you need to change it and the new html data 
    }

}
header('Content-type: application/json');// to response as JSON code in the header
echo json_encode($res);// to encode the result string as JSON code
?>

login.js 会是这样的：

$(document).ready(function() {
    $('#Loading4').hide();    
});

function ajax-login(){
    var cUusername = $("#cUsername").val();
    var password = $("#password").val();
    if(cUsername.length > 2){
        $('#Loading4').show();
        $.post("login.php", {
            cUsername: $('#cUsername').val(),
            password: $('#password').val(),
        }, function(response){
            $('#Info4').fadeOut();
             $('#Loading4').hide();
             setTimeout(function(){
                   finishAjax4(response['id'], response['data'])
             },450);
        });
        return false;
    }
}

function finishAjax4(id, response){

  $('#'+id).html(unescape(response));
  $('#'+id).fadeIn(1000);
}
于 2013-08-19T03:15:10.387 回答