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

发布网友发布时间：2022-04-23 16:10

共3个回答

热心网友时间：2022-04-23 17:39

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'的标签之后

热心网友时间：2022-04-23 18:57

你写的php还是其他的。如果是php的话你可以通过ajax的异步传输登陆信息传送到后台。
登陆成功的话写入session里边异步json返回通过ajax来修改div里边的内容追问上面补充了一段，代码怎么看，能给我解释一下吗？谢谢！

热心网友时间：2022-04-23 20:32

if(islogin){
renderUserInfo(userInfo);
}else{
renderLoginForm();
form.onsubmit = function(){
ajax({
url:"",
data:obj,
success:function(userInfo){
renderUserInfo(userInfo);
}
})
return false;
}
}追问上面补充了一段，代码怎么看，能给我解释一下吗？谢谢！