AJAX在静态页面中实现权限控制的方法参考

来源：互联网发布：中国第一知乎编辑：程序博客网时间：2024/06/05 01:03

在静态页面的模版页中写一段javascript代码,用来发送请求到服务器,在服务器端写一段代码用来检查用户是否登陆,然后返回一个结果给这个html页面,html页面根据返回的结果决定是显示还是转到登陆页面强制用户登陆,到此,问题的解决思路应该明了了,下面来看看实现的代码:

　　HTML模版页TemplateRules.html代码:
　　由于模版页比较长,这里只登出AJAX代码部分,即<Body>标签前面的部分

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 　　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
　　<script type="text/javascript" language="javascript">
　　//创建适用用与多种浏览器的XMLHttpRequest对象的函数
　　function getXMLRequester( ){
　　var xmlhttp_request = false;
　　try{
　　if( window.ActiveXObject ){
　　for( var i = 5; i; i-- ){
　　try{
　　if( i == 2 ){xmlhttp_request=newActiveXObject("Microsoft.XMLHTTP");
　　}else{xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0");
　　xmlhttp_request.setRequestHeader("Content-Type","text/xml");xmlhttp_request.setRequestHeader("Content-Type","gb2312");
　　}
　　break;}
　　catch(e){
　　xmlhttp_request = false;
　　}
　　}
　　}else if( window.XMLHttpRequest ){
　xmlhttp_request = new XMLHttpRequest();
　　if (xmlhttp_request.overrideMimeType) {
　　xmlhttp_request.overrideMimeType('text/xml');
　　}
　　}
　　}
　　catch(e){
　　xmlhttp_request = false;
　　}
　　return xmlhttp_request ;
　　}
　　function IDRequest() {
　　//定义收到服务器的响应后需要执行的JavaScript函数
　　url='CheckLogin.aspx'//定义网址参数
　　//alert(url);
　　xmlhttp_request=getXMLRequester();//调用创建XMLHttpRequest的函数
　　xmlhttp_request.onreadystatechange = doContents;//调用doContents函数
　　xmlhttp_request.open('POST', url, true);
　　xmlhttp_request.send(null);
　　}
　　function doContents() {
　　if (xmlhttp_request.readyState == 4) {// 收到完整的服务器响应
　　if (xmlhttp_request.status == 200) {//HTTP服务器响应的值OK
　　var str = xmlhttp_request.responseText;//将服务器返回的字符串写到页面中ID为message的区域
　　if(str.length>583)
　　{
　　//self.location="../login.aspx";
　　location.href='../Login.aspx';

　　}
　　} else {
　　alert(http_request.status);
　　}
　　}
　　}
　　IDRequest();
　　</script>
　　<html xmlns="http://www.w3.org/1999/xhtml" >
　　<head runat="server">
　　<title>$Chapter$-->>$Order$-->>$Title$</title>
　　<link href="../StyleSheet.css" rel="stylesheet" type="text/css" />

　　</head>

此处要提一下:上面文件中的以下代码部分是根据服务器端返回结果决定是否强制登陆的关键部分,因为我们是通过xmlhttp_request.responseText;来看返回结果的,而这个返回文本是服务器端页面的html,所以在此处我们通过返回的这个文本长度来判断服务器端返回的是已登陆还是未登陆,如果已登陆则长度肯定小于583,(当然这个长度会因为每个人的做法不同而不同,可根据实际情况来确定一下服务器端的文件HTML的长度),这样就可以进行判断了

　　var str = xmlhttp_request.responseText;//将服务器返回的字符串写到页面中ID为message的区域
　　if(str.length>583)
　　{
　　//self.location="../login.aspx";
　　location.href='../Login.aspx';

　　}
　　} else {
　　alert(http_request.status);
　　}

　　接下来就是服务器端用来检测是否登陆的页面checklogin.ascx的代码(很简单):
　　using System;
　　using System.Data;
　　using System.Configuration;
　　using System.Collections;
　　using System.Web;
　　using System.Web.Security;
　　using System.Web.UI;
　　using System.Web.UI.WebControls;
　　using System.Web.UI.WebControls.WebParts;
　　using System.Web.UI.HtmlControls;

　　public partial class CheckLogin : System.Web.UI.Page
　　{
　　protected void Page_Load(object sender, EventArgs e)
　　{
　　if (Request.Cookies["UserInfo"] == null || 　　Request.Cookies["UserInfo"].Values["UserName"].ToString() == "")
　　{
　　Response.Write("111111111111111111111111111111111111111111");//输出不同长度的字符串
　　}
　　else
　　Response.Write("1");
　　}
　　}
　　就这样,通过上面的HTML模版页生成的规则就可以进行用户权限控制了

0 0