如何解决Javascript调用用户信息（ajax）产生的延时问题

很多时候，我们在静态页面处理会员信息时，第一时间想到的就是利用ajax调用一个php文件来读取相关的资料，然后依据登陆情况判断显示的内容，笔者以前也是如此，并用了jquery框架，但是灾难的问题来了，如果显示的地方在代码的中间部分，根据html代码是有上到下的读取方式，往往所有的html代码执行完了，整个页面都显示出来，但是会员信息还没完全显示出来，出现了部分延时的情况，这种情况改怎么办呢？

 

其实，解决的办法很简单，就是设置cookies，用js来读取，例如下面的代码：

 

<!-- 登陆信息{ -->
<div id="login-info">
	<div class="newuser" id="login_type">新用户请先<a href="http://udb.domain.com/">注册</a></div>
        <div class="newuser" id="login_cont"><a href="http://bbs.domain.com/pm.php" title="我的短消息">我的短消息</a>| <a href="http://gh.domain.com/" title="我的公会">我的公会</a>| <a href="javascript:document.getElementById('logout_form').submit();" target="_self" class="login-out">退出</a></div>
	<form target="_self" method="post" action="http://udb.domain.com/login.jsp" id="flogin" name="form1" accept-charset="utf-8">
		<label>用户名<input type="text" name="username" id="username"/></label><label>密码<input type="password" name="passwd" id="passwd"/></label><button type="submit" target="_self" onclick="document.getElementById('flogin').submit();">登陆</button><a href="http://udb.domain.com/GetPasswordPage.do" title="">忘记密码</a>
	</form>
        <form id="logout_form" target="_self" action="http://udb.domain.com/logout.jsp" >
             <input type="hidden" name="url" id="url" value="http://www.domain.com" />
        </form>
	<div class="quick-link"><span title="设XXXX为首页" onclick="setHomePage(this);">设为首页</span>|<span title="将XXXXX加入收藏夹" onclick="addFavorite();">加入收藏</span></div>
</div>
<script type="text/javascript">
	function getCookieValue(varname){if(varname){var a=document.cookie.indexOf(varname+"=");if(a!=-1){return document.cookie.substring((a+varname.length+1),document.cookie.length).split(";")[0];}else{return "";}}}
	mid=decodeURI(getCookieValue("username"));
				var psd = decodeURI(getCookieValue("password"));
				var os= decodeURI(getCookieValue("osinfo"));
				
	if(mid!="" && psd!="" && os!=""){document.getElementById("login_type").innerHTML="欢迎您，<strong>"+mid+"<\/strong>";}
	
		if(mid=="" || psd=="" || os==""){document.getElementById("login_cont").style.display="none";document.getElementById("flogin").style.display="block";}
	
		if(mid!="" && psd!="" && os!=""){document.getElementById("login_cont").style.display="block";document.getElementById("flogin").style.display="none";}
</script> 
<!-- }登陆信息 -->