因工作需要,不得不暂时放下Asp.net AJAX,先研究AjaxPro。

   下午看了些关于AjaxPro的文章,尤其仔细看了这篇文章后,感觉理论基础已经有点了,接下来就开始动手实践。

      开始做了个简单的例子,引入dll,修改配置文件,引入命名空间,注册AjaxPro,注册AjaxPro.AjaxMethod(),写JS代码,然后运行,一气呵成,ok。

1 在web.config中的<system.web>节点中添加:

    <httpHandlers>
      
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
    
</httpHandlers>

2 后台代码(本来想直接写在页面上,后来想,还是保持住良好的习惯吧,我忍了)
        private void Page_Load(object sender, System.EventArgs e)
        
{
            AjaxPro.Utility.RegisterTypeForAjax(
typeof(WebForm1));
        }


        [AjaxPro.AjaxMethod()]
        
public string TestMehtod(string name)
        
{
            
return this.BuildMessage(name);
        }


        
protected string BuildMessage(string name)
        
{
            
return string.Format("Hello {0}!Welcome to AjaxPro's world.",name);
        }

3 前台代码
<%@ Page language="c#" Codebehind="SampleBase.aspx.cs" AutoEventWireup="false" Inherits="AjaxProSample.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > 

<html>
  
<head>
    
<title>WebForm1</title>
    
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
    
<meta name="CODE_LANGUAGE" Content="C#">
    
<meta name=vs_defaultClientScript content="JavaScript">
    
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
    
<script language = "javascript" type = "text/javascript">
        
        function TestFunction()
        
{
            var serverMessage 
= AjaxProSample.WebForm1.TestMehtod('jxh');
            
return serverMessage.value;
        }

        
    
</script>
  
</head>
  
<body>
    
<form id="Form1" method="post" runat="server"></form>
    
    
<script language = "javascript">
        document.write(TestFunction());        
    
</script>
    
  
</body>
</html>

基本功能实现,下一步当然是更进一步的实践了。接着做的例子是个简单的登录操作,并将用户名和密码用Session记录下来。代码和上面的类似,就不贴了,占地方,呵呵。
但有2点需要注意
1 关于Session,如果想在AjaxMethod中使用Session的话,那么AjaxMethod标签必须带AjaxPro.HttpSessionStateRequirement.ReadWrite参数
[AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.ReadWrite)]
        
public string CheckPassword()
        
{}

 2 关于属性,我们注册了一个属性,运行之后,在客户端JS中的确就可以访问了

        [AjaxPro.AjaxProperty()]
        
public string UserName
        
{
            
set
            
{
                Session[
"UserName"= value;
            }


            
get
            
{
                
return Session["UserName"].ToString();
            }

        }

AjaxProSample.SampleSession.UserName = document.getElementById("txtUserName").value;

alert(AjaxProSample.SampleSession.UserName);

但此时如果在服务器端代码中企图使用的话,就会出现空引用异常,如果非要在客户段和服务器端同时使用这个属性的话,请增加一个设置值的方法。例如:

        [AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.ReadWrite)]
        
public void SetValue(string value)
        
{
            UserName 
= value;
        }

            AjaxProSample.SampleSession.UserName = document.getElementById("TextBox1").value;
            AjaxProSample.SampleSession.SetValue(AjaxProSample.SampleSession.UserName);

这样就能在js和cs中同时使用UserName这个属性了,当然修改也要提供2套方案。 原因请看推荐的那篇文章,我就不啰嗦了。
posted on 2007-02-13 17:00  非我  阅读(1222)  评论(0编辑  收藏  举报