Question

用jquery和ajax写一个局部刷新的登陆窗，登陆成功后如何显示用户信息？

比如说，登陆窗内容：
用户名：
密码：
提交
登陆成功后在原来div上刷新为：
用户名：xxxx
欢迎来到xxxx!

是需要用html写一个div，然后js调用那个div吗？怎么触发？
<script type="text/javascript">
$(function() {
$('.window').dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons:"Create an account"
})
$('.login.button').click(function(){
$('.window').dialog( "open" );

})
$('.submit').click(function(){
var id=$('#txt-id').val();
var con=$('#txt-con').val();
var info="<tr><td>"+id+"</td><td>"+con+"</td></tr>";
$(info).appendTo('.tab01-kf');

})
});
</script>这是从网上找的一段代码，我看不太懂，大神能帮我解释一下吗？谢谢！

Answer 1

html页面： 
<div id='login'><form id="form">
<input id='name'/>
<input id='password'/> 
<input type='button' onclick='tj();'/> 
</form></div>

脚本：  
function tj(){
$.ajax({
url:  "login.do", 
data:$("form").serialize(), 
dataType:'json', 
type:'post', 
success:function(data){ 
var h="<p>用户名："+data.name+"欢迎来到XXX" 
$("#login").html(h) ;}  
})  
}

希望对你有帮助

追问

上面补充了一段，代码怎么看，能给我解释一下吗？谢谢！

追答

$('.window').dialog：是定义一个窗口的方法，应该是jquery的插件方法，jquery本身没有这个方法的，里面的都是这个窗口的一些属性，

$('.login.button').click(function(){
$('.window').dialog( "open" );
})
这个是通过按钮的单击事件来打开那个窗口

$('.submit').click(function(){
var id=$('#txt-id').val();
var con=$('#txt-con').val();
var info=""+id+""+con+"";
$(info).appendTo('.tab01-kf');

})
提交动作，将合成的info标签代码添加到class='tab01-kf'的标签之后

Answer 2

你写的php还是其他的。如果是php的话你可以通过ajax的异步传输登陆信息传送到后台。
登陆成功的话写入session里边异步json返回通过ajax来修改div里边的内容

追问

上面补充了一段，代码怎么看，能给我解释一下吗？谢谢！

Answer 3

if(islogin){
renderUserInfo(userInfo);
}else{
renderLoginForm();
form.onsubmit = function(){
ajax({
url:"",
data:obj,
success:function(userInfo){
renderUserInfo(userInfo);
}
})
return false;
}
}

追问

上面补充了一段，代码怎么看，能给我解释一下吗？谢谢！