zoukankan      html  css  js  c++  java
  • C#(前台调用后台方法,后台调用前台方法)

    C#前台js调用后台代码
    前台js
    <script type="text/javascript" language="javascript">
      function Ceshi()
      {
        var a = "<%=Getstr()%>";
        alert(a);
      }
    </script>
    <input type="button" onclick="Ceshi();" value="js调用后台代码" />
    后台代码
    public string Getstr()
    {
      string aa = "你们好啊!";
      return aa;
    }

    C#后台调用前台js代码
    前台js
    <script type="text/javascript" language="javascript">
      function Ceshi()
      {
        var a = "你们好啊!"
        alert(a);
      }
    </script>
    <asp:Button ID="Button1" runat="server" Text="后台调用js" onclick="Button1_Click" />
    后台代码
    protected void Button1_Click(object sender, EventArgs e)
        {
        //如果有UpdatePanel就用如下代码调用前台js
        ScriptManager.RegisterStartupScript(UpdatePanel1, this.Page.GetType(), "", "Ceshi();", true);
        //如果没有就如下代码
        this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script>Ceshi();</script>", true);
        }

    下面是些其他方法:

    转至:http://blog.csdn.net/deepwishly/article/details/6670942

    AJAX技术的风起云涌,也使得B/S应用的表现力日益增强,大有逐步吞食C/S领地之势。利用ajaxpro.dll,你可以从JavaScript客户调用.NET方法。    
          首先下载ajaxpro.dll,你可以从
    http://www.ajaxpro.info/获得。最新版本是6.4.15.1,下载解压后的文件夹中有个AjaxPro.dll,就是它了。使用VS2005新建web项目,并添加对AjaxPro.dll的引用,然后在Web配置文件中添加:

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

    这个配置项表明所有的ajaxpro/*.ashx请求(即从客户发送的Ajax请求)都交给AjaxPro.AjaxHandlerFactory处理,而不是由默认的System.Web.UI.PageHandlerFactory来处理。 
        新建的web项目有个默认的_Default页面,我们为其加上命名空间如MyAjaxNetTest,然后在_Default的HTML第一句也要加上这个名目空间:

    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="MyAjaxNetTest._Default" %>

      然后在PageLoad中注册本页面到AjaxPro中:

            protected void Page_Load(object sender, EventArgs e)
            {
                AjaxPro.Utility.RegisterTypeForAjax(
    typeof(_Default)); 
            }

     测试一
        一切已经准备就绪了,我们先进行第一个测试,从客户调用服务端的简单方法。首先在_Default类中添加方法:

             [AjaxPro.AjaxMethod]
            
    public string GetServerTime()
            {
                
    return DateTime.Now.ToString();
            }

        
       
    客户现在可以在JS中调用这个方法了,如

           <script type="text/javascript">
           function getTime()
           {         
              alert(MyAjaxNetTest._Default.GetServerTime().value);          
           }
           </script>

        
        然后你可以加个HTML的button,onclick处理函数设为getTime()。

    <input id="Button1" type="button" value="button" onclick="getTime()"/>


        
        测试二
        
        为GetServerTime方法添加static修饰,测试仍然成功!

        测试三 
        简单方法调用已经OK了,GetServerTime方法返回的是一个简单的string,那么服务端可不可以返回稍微复杂一点的对象了?我们来试试。先新建一个Student类:

         public class Student
        {
            
    public string Name = "sky" ;
            
    public int     Age = 26;
        }


        服务端添加GetStudent方法:

            [AjaxPro.AjaxMethod]
            
    public Student GetStudent()
            {
                
    return new Student();
            }


        对应的,客户端添加调用:

           function getStudent()
           {
             var stu 
    = MyAjaxNetTest._Default.GetStudent().value ;
             alert(stu.Name 
    + " " + stu.Age) ;
           }


        依照前面的加个HTML按钮测试getStudent函数,答案是,一切照我们预料的进行,客户js可以访问服务端返回的对象。

        测试四
        最后看看能够在客户端提交对象给服务器,先在服务端添加方法:

    1         private Student student = null;
    2         [AjaxPro.AjaxMethod]
    3         public void SetStudent(Student stu)
    4         {
    5             this.student = stu;
    6             string name = this.student.Name;
    7         }

        可以在第六行添加断点,然后当客户端调用时,会进入该断点。

        客户端添加调用:

         function putStudent()
           {
                var stu 
    = MyAjaxNetTest._Default.GetStudent().value ;
                stu.Name 
    = "chenqi" ;
                MyAjaxNetTest._Default.SetStudent(stu) ;
           }

        同样,当调用putStudent这个js方法时,服务端进入断点已经表明客户成功的提交了对象,并且对象的Name字段已经改变为“chenqi”了。

        测试五
        前面客户设置的都是Student的public字段,那么访问属性如何了?我们将Student定义更改如下:

         public class Student
        {
            
    private string name = "sky" ;
            
    public int Age = 26;

            
    public string Name
            {
                
    get
                {
                    
    return this.name;
                }
                
    set
                {
                    
    this.name = value;
                }
            }
        }

        再重复前面的测试,结果我想已经在你的料想中了。

        单从前面的几个小测试,我已经发现了使用Ajaxpro.dll的方便与迅捷,看来B/S开发不再像我以前感受的那样繁琐了。

    下面就是具体js调用.net后台事件,和后台调用前台等方法

    转至:http://hi.baidu.com/xiaowei0705/blog/item/4d56163f5e4bf616bba16725.html

    1. javaScript函数中执行C#代码中的函数:

    方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;

            2、在前台写一个js函数,内容为document.getElementByIdx("btn1").click();

            3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;

    方法二:1、函数声明为public            

              后台代码(把public改成protected也可以)

              public string ss()

              {

                  return("a");

              }//这种方法的缺点是不能将前台的参数传入到后台的函数体中

            2、在html里用 <%=fucntion()%>可以调用

              前台脚本

              <script language=javascript>

              var a = " <%=ss()%>";

              alert(a);

              </script>

    方法三:1、 <script language="javascript">

              <!--

              function __doPostBack(eventTarget, eventArgument)

              {

                  var theForm = document.Form1;    //指runat=server的form

                  theForm.__EVENTTARGET.value = eventTarget;

                  theFrom.__EVENTARGUMENT.value = eventArgument;

                  theForm.submit();

              }

              -->

              </script>

              <input type="button" value="按钮" >

          

    方法四: <script language="javascript">

    function SubmitKeyClick()

    {

        if (event.keyCode == 13)

        {

            event.cancelBubble = true;

            event.returnValue = false;

            document.all.FunName.value="你要调用的函数名";

            document.form[0].submit();

        }

    }

    </script>

    <INPUT type="text">

    <input type="hidden" > 〈!--用来存储你要调用的函数 --〉

    在.CS里有:

    public Page_OnLoad()

    {

    if (!Page.IsPost())

    {

    string strFunName=Request.Form["FunName"]!=null?Request.Form["FunName"]:"";

    //根据传回来的值决定调用哪个函数

    switch(strFunName)

    {

    case "enter()":

    enter() ; //调用该函数

    break;

    case "其他":

    //调用其他函数

    break;

    default:

    //调用默认函数

    break;

    }

    }

    }

    public void enter()

    {

    //……比如计算某值

    }

    2.如何在JavaScript访问C#变量?

    答案如下:

    方法一:1、通过页面上隐藏域访问 <input type="hidden" runat="server">

    方法二:1、如后台定义了PUBLIC STRING N;前台js中引用该变量的格式为' <%=n%>'或"+ <%=n%>+"

    方法三:1、或者你可以在服务器端变量赋值后在页面注册一段脚本

              " <script language='javascript'>var temp=" + tmp + " </script>"

              tmp是后台变量,然后js中可以直接访问temp获得值。

    3.如何在C#中访问JavaScript的已有变量?

    答案如下:

    方法一:1、前台使用静态文本控件隐藏域,将js变量值写入其中;

            2、后台用request["id"]来获取值;

    方法二:可以用cookie或session

    4.如何在C#中访问JavaScript函数?

    答案如下:

    c#代码中执行javaScript函数:

    方法一:1、Page.RegisterStartupScript("ggg"," <script>SetVisible(1); </script>");

    方法二:使用Literal类,然后

    private void Button2_Click(object sender, System.EventArgs e)

    {

    string str;

    str=" <script language='javascript'>";

    str+="selectRange()";

    str+=" </script>";

    //Literal1.Visible=true;

    Literal1.Text=str;

    }

     

  • 相关阅读:
    pom.xml配置
    Eclipse将引用了第三方jar包的Java项目打包成jar文件的两种方法
    jar文件运行打断点
    prim算法
    Kruscal algorithm
    递归程序设计思想(看图思考2小时)
    广义表的实现(法二)
    广义表的实现
    有错误的地宫寻宝问题
    写一个数的所有加法算式
  • 原文地址:https://www.cnblogs.com/jibingeXper/p/2536731.html
Copyright © 2011-2022 走看看