用jquery和ajax写一个局部刷新的登陆窗,登陆成功后如何显示用户信息?
比如说,登陆窗内容:用户名:密码:提交登陆成功后在原来div上刷新为:用户名:xxxx欢迎来到xxxx!是需要用html写一个div,然后js调用那个div吗?怎么触发?...
比如说,登陆窗内容:
用户名:
密码:
提交
登陆成功后在原来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>这是从网上找的一段代码,我看不太懂,大神能帮我解释一下吗?谢谢! 展开
用户名:
密码:
提交
登陆成功后在原来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>这是从网上找的一段代码,我看不太懂,大神能帮我解释一下吗?谢谢! 展开
3个回答
展开全部
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'的标签之后
展开全部
你写的php还是其他的。如果是php的话你可以通过ajax的异步传输登陆信息传送到后台。
登陆成功的话写入session里边异步json返回通过ajax来修改div里边的内容
登陆成功的话写入session里边异步json返回通过ajax来修改div里边的内容
追问
上面补充了一段,代码怎么看,能给我解释一下吗?谢谢!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
if(islogin){
renderUserInfo(userInfo);
}else{
renderLoginForm();
form.onsubmit = function(){
ajax({
url:"",
data:obj,
success:function(userInfo){
renderUserInfo(userInfo);
}
})
return false;
}
}
renderUserInfo(userInfo);
}else{
renderLoginForm();
form.onsubmit = function(){
ajax({
url:"",
data:obj,
success:function(userInfo){
renderUserInfo(userInfo);
}
})
return false;
}
}
追问
上面补充了一段,代码怎么看,能给我解释一下吗?谢谢!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询