zoukankan      html  css  js  c++  java
  • Vs.net2008 下 Ajaxpro 使用

    简单介绍下它的用法:

    一.AjaxPro的使用

    1.在项目中添加引用,浏览找到AjaxPro.2.dll文件

    2.在Web.config中的system.web里面写入以下代码
    </configuration>
    <system.web>
      <httpHandlers>
            <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
          </httpHandlers>
    </system.web>
    <//configuration>

    3.在加载事件中,加入
      AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));

    4.写的方法都要用
     [AjaxPro.AjaxMethod]开头,然后在写方法

    5.调用时必须写清楚
     命名空间名.类名.方法,例:WebUI._Default.getData();

    6.调用可分两中方法(同步调用,异步调用)
     
    //在后台写的无参方法
    [AjaxPro.AjaxMethod]
    public string getStr()
    {
            return  "hello my friends";
    }
    //在后台写的有参方法
     [AjaxPro.AjaxMethod]
    public string getString(string str)
    {
         return str + "Say: hello my friends";
    }

    a.同步调用
     (1).拖入html控件button
     (2).双击,自动显示在.aspx的脚本中
     (3).在里面写入你要输入的内容
     例:
    //------------------同步调用无参-----------
      function Button1_onclick()
      {
             var res=WebUI._Default.getStr();
             alert(res.value);
      } 
      
    //------------------同步调用有参------------
    function Button2_onclick() //TextBox1为服务器控件
    {
        var str=document.getElementById("<%=TextBox1.ClientID%>").value;
        var res=WebUI._Default.getStr(str);
        alert(res.value);
    }


    b.异步调用
     (1).拖入html控件button
     (2).双击,自动显示在.aspx的脚本中
     (3).在里面写入你要输入的内容
     例:
    //-----------------异步调用无参-----------------
    function Button3_onclick() {
        WebUI._Default.getStr(getStrCallBack);
    }
    function getStrCallBack(res)
    {
        alert(res.value);
    }
    //-----------------异步调用有参-----------------
    function Button4_onclick() {
        var str=document.getElementById("<%=TextBox1.ClientID %>").value;
        WebUI._Default.getString(str,getStringCallBack);
    }
    function getStringCallBack(res)
    {
        alert(res.value);
    }

    7.调用对象

    //对象
    [AjaxPro.AjaxMethod]
    public Class getClass()
    {
           Class cla = new Class();
           cla.C_Id = 100;
           cla.C_Name = "34班";
           cla.Count = 20;
           return cla;
    }
    //------------------同步调用对象-----------
    function Button5_onclick() {
        var res=WebUI._Default.getClass().value;
        alert("班级编号:"+res.C_Id+"名称:"+res.C_Name+"人数:"+res.Count);
    }
    //------------------异步调用对象-----------
    function Button6_onclick() {
        WebUI._Default.getClass(getClassCallBack);
    }
    function getClassCallBack(clas)
    {
        var res=clas.value;
        alert("班级编号:"+res.C_Id+"名称:"+res.C_Name+"人数:"+res.Count);
    }


    8.数据集的使用
     //方法
            [AjaxPro.AjaxMethod]
            public DataSet getInfo()
            {
                return WebUI.GetDataSet.getList();
            }

    //--------------------异步调用数据集--------------
    function Button8_onclick() {
        WebUI._Default.getInfo(getDataSetCallBack);
    }
    function getDataSetCallBack(res)
    {
        var dataset=res.value;
        var strHtml="";
        strHtml +='<table  style ="border-collapse:collapse ; border-color:Gray ;"  border="1px">';
        strHtml +='        <tr>';
        strHtml +='            <td>学生编号</td>';
        strHtml +='            <td>名称</td>';
        strHtml +='            <td>年龄</td>';
        strHtml +='        </tr>';
       
        for(var i=0;i<dataset.Tables[0].Rows.length;i++)
        {
            strHtml +='        <tr>';
            strHtml +='            <td>'+ dataset.Tables[0].Rows[i].stu_id +'</td>';
            strHtml +='            <td>'+ dataset.Tables[0].Rows[i].stu_name +'</td>';
            strHtml +='            <td>'+ dataset.Tables[0].Rows[i].stu_age +'</td>';
            strHtml +='        </tr>';
        }
        strHtml +='    </table>';
        thedata.innerHTML=strHtml;//thedata是一个<div id="thedata"></div>中的thedata
    }

    9.验证码的使用

    //----------------------验证码的使用(必须采用同步调用)----------------------

    //验证码的使用
    [AjaxPro.AjaxMethod]
    public bool ValidCodeData(string code)
    {
         return (HttpContext.Current.Session["CheckCode"].ToString()==code);
    }

    function Button9_onclick() {
        var code=document.getElementById("<%=TextBox2.ClientID %>").value;
        var bool=WebUI._Default.ValidCodeData(code).value;
        if(bool==true)
        {
            alert("ok");
        }else
        {
            alert("no");
        }
    }
    AjaxPro.dll文件网上很多的,自己下,如果找不到呢,给我发个留言,我发你邮箱


    二,直接调用:
    javascript中:<%=后台方法%>
     function says()
        {
            alert("<%=Say()%>");
        }
        function del()
        {
             alert("<%=DeleteByID(8)%>");//DeleteByID(8)后台方法名
        }


    三,采用ICallbackEventHandler回调

    /**//*
     * 对ICallbackEventHandler接口进行声明,要在客户端调用服务端代码而不回发,必须声明该接口并且实现它的两个方法:
     * RaiseCallbackEvent()、GetCallbackResult()
     * RaiseCallbackEvent()的参数是从前台传过来的,根据传来的参数执行不同的代码并将结果用GetCallbackResult()返回前台
    */

    //必须声明System.Web.UI.ICallbackEventHandler接口
    public partial class _Default : System.Web.UI.Page, System.Web.UI.ICallbackEventHandler
    {
        //定义一个回调的返回值
        private string Result;
        //定义两个变量,用来接收页面传过来到操作数
        private string Num1;
        private string Num2;
        protected void Page_Load(object sender, EventArgs e)
        {
           
         }

        /**//// <summary>
        /// 该方法是回调执行的方法,根据参数在这个方法中处理回调的内容,该方法没有返回值
        /// </summary>
        /// <param name="eventArgument">此参数是从客户端传过来的</param>
        public void RaiseCallbackEvent(string eventArgument)
        {
            //eventArgumeng 为javascript从客户端传递的参数,本例传过来三个参数用“/”分割将每个参数取出存入数组
            string[] PagParams = eventArgument.Split('/');
             Num1 = PagParams[1];
             Num2 = PagParams[2];
            //根据第一个参数(所选的操作符),调用不同的执行函数
            switch (PagParams[0])
            {
                case "0":
                     Result = add(); break;
                case "1":
                     Result = sub(); break;
                case "2":
                     Result = multi(); break;
                case "3":
                     Result = division(); break;
             }
         }
       
        /**//// <summary>
        /// 该方法是返回回调的结果给客户端
        /// </summary>
        /// <returns></returns>
        public string GetCallbackResult()
        {
            return Result;
         }

        //一下四个函数是通过RaiseCallbackEvent方法,调用的回调要执行操作的函数
        private string add()
        {
            double addResult = double.Parse(Num1) + double.Parse(Num2);
            return addResult.ToString();
         }

        private string sub()
        {
            double addResult = double.Parse(Num1) - double.Parse(Num2);
            return addResult.ToString();
         }

        private string multi()
        {
            double addResult = double.Parse(Num1) * double.Parse(Num2);
            return addResult.ToString();
         }

        private string division()
        {
            double addresult = double.Parse(Num1) / double.Parse(Num2);
            return addresult.ToString();
         }
    }

  • 相关阅读:
    前端学习笔记2017.6.12 DIV布局网页
    前端学习笔记2017.6.12 HTML的结构以及xhtml、html、xml的区别
    前端学习笔记2017.6.21-html和浏览器的关系以及开发工具
    前端学习笔记2017.6.21-html是个什么东西
    前端学习笔记2017.6.21-引入JS文件的方法
    学习一下阿里技术文档的写作方法
    PS中图层混合模式的计算方法
    3dsmax里面的喷射器spray和超级喷射器superspray是个什么东西
    案例14-实现注册功能和激活功能
    012-MD5Utils工具类模板
  • 原文地址:https://www.cnblogs.com/tiger8000/p/1361297.html
Copyright © 2011-2022 走看看