使用JQuery $.get() ajax请求异步替换页面登录状态

使用JQuery的 $.get()方法 实现ajax请求异步替换页面登录状态

  1. html部分(只截取出需要渲染部分)
<head>
<script src="/static/js/index.js">script>
head>

<body>
	<div class="right fr" id="login">
	<a href="#">[登录]a>,
	<a href="#">[注册 有惊喜]a>
body>
  1. views层
##模拟未登录状态返回的状态码
#res = {'loginState':0,'error':'未登录'}

#模拟登录状态返回的状态码,此处模拟渲染登录后页面显示:欢迎xxx
res = {'loginState':1,'username':'Terry'}
return JsonResponse(res)
  1. 前端js部分,单独写在 index.js 中
 //向后台发异步请求
function check_login(){
	$.get('/users/check_logging',function(data){
		var html = '';
		//data:{cdde:0,'error':'未登录'}
		if (data.code == 0 ){
			//点登录跳到登录页面
			html = "[登录]";
			//点注册跳到注册页面
			html += "[注册]";
		}else{
		//{'code':1,'username':username}
		html += "欢迎:" + data.username;
		html += "退出"
		}
		$("#login").html(html)
	},'json');
}

$(function(){
	check_login();
})

你可能感兴趣的:(Ajax)