动网制作中登录后的跳转问题

Question

直接用ajax实现.
登录成功以后，直接获取当前ＩＤ的ＤＯＭ对象，然后用innerHTML来改变．

Answer 1

我这是用jquery实现的． <form id='login' name='login' method='post' action="" onsubmit="return false;">
<dl class='sort' id='tlogin'>
<dt><p>用户登录</p></dt>
<dd>
<ul class="last" style="list-style:none;border:1px dotted #ccc;margin-left:5px;padding:5px">
 <li>用户名: <input type='text' name='username' style="width:100px;"></li>
 <li>密&nbsp;&nbsp;&nbsp;&nbsp;码: <input type='password' name='password' style="width:100px;"></li>
 <li>&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;<input id='slogin' type='submit' name='submit' value='提交'>&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;<input id='sreset' type='reset' name='reset' value='重置'></li>
</ul>
</dd>
</dl>
</form>
jQuery(function($){
$('#slogin').click(function() {
var flag = true;
var param = "submit=submit";
var arrParam = new Array;
$("#tlogin").find("input").each(function(i){
if(this.value == "")
{
alert("用户名或者密码不能为空!")
flag = false;
return false;
}
if(this.type == 'text' || this.type == 'password')
{
param += "&" + this.name + "=" +this.value;
}
return true;
});
if(flag)
{
$.ajax({
   type: "POST",
   url: "index.php",
   data: param,
   dataType:'json',
   async:'true',
   success: function(objt)
   {
    if(objt.flag == false) 
    {
    $("#tlogin").find("input")[0].value = "";
    $("#tlogin").find("input")[1].value = "";
    alert(objt.msg);
    return;
    }
var strHTML = "<ul class=\"last\" style=\"list-style:none;border:1px dotted #ccc;margin-left:5px;padding:5px\"><li><b>用户名:</b>&nbsp;&nbsp;&nbsp;&nbsp;" + objt.user + "</li>";
           strHTML += "<li><a href=\"index.php?m=index&a=logout\">退出登录</a></li></ul>";
           $("#tlogin dd").html(strHTML);
   }
});
}
return;
})
});

Answer 2

我刚刚自学php+mysql半月，楼上说的我不太懂诶，能不能具体点。谢谢啊

Answer 3

ajax 基础，简单的隐藏DIV的方式实现，服务器端php写DIV内容