C#和JavaScript的简单互交

转自：http://cgxcn.blog.163.com/blog/static/132312422009426112558831/

1.asp.net呼叫js

                     Response.Write("<script language=javascript>");
                     Response.Write("alert('登峰欢迎您 ');" );
                     Response.Write("location.href='login.aspx';") ;
                     Response.Write("</script>") ;

在这里情况下,你可以调用页面中的JS脚本的函数都可以

2、js脚本如何访问服务器控件的值

界面上有一个TextBox控件，ID为Name，js里可以采用如下脚本取Name的值
var myvalue=document.all('Name').value;

3、服务器控件如何取js中变量的值

方法是在界面上放一个隐藏的控件HtmlInputHidden，然后设置为以服务器控件运行，这样在js脚本中和ASP.NET代码里都可以访问到该控件的值
         js中给服务器控件赋值：
         var bt＝document.all('Name').value;
         bt.value='名称';
         ASP.NET中使用Name.Value来访问。

4.前台和后台之间函数的调用

<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    function callServer(arg){
        var oTb = document.getElementById('<%=editValue.ClientID %>');
        // arg中是传给服务器的变量
        arg = oTb.value;
        <%=ClientScript.GetCallbackEventReference(this, "arg", "receiveServerResult", null, true)%>
    }

    function receiveServerResult(result){
        // 在这里添加处理服务器返回结果的逻辑，result变量是服务器返回的结果
        alert(result);
    }
    </script>
...//此处省略部分代码
    <asp:TextBox ID="editValue" runat="server" />
    <asp:Button ID="btnSubmit" runat="server" Text="Submit Data" OnClientClick="callServer();return false;" />

</head>

CS文件

C# code
//页面类继承ICallbackEventHandler接口，并实现其中的两个方法
public partial class _Default : System.Web.UI.Page , ICallbackEventHandler
{
private string m_strResult = "";

#region ICallbackEventHandler Members

public string GetCallbackResult()
    {
        // 返回服务器端处理结果给receiveServerResult方法
        return m_strResult;
    }

public void RaiseCallbackEvent(string eventArgument)
    {
        // eventArgument是客户端传来的变量，对应arg变量
         // 在这里添加服务器端处理逻辑...
        m_strResult = eventArgument;
    }

#endregion
}

5.javaScript函数中执行C#代码中的函数：

方法一： 1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中;
2、在前台写一个js函数，内容为document.getElementById("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 id="Button1" type="button" name="Button1" value="按钮" οnclick="javascript              doPostBack('Button1','')"＞

方法四：       ＜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 οnkeypress="SubmitKeyClick()" id="aaa" type="text"＞
＜input type="hidden" name="FunName"＞〈！--用来存储你要调用的函数 --〉

在.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()
                 {
                  //……比如计算某值
                  }

6.如何在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获得值。

7.如何在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;
           }

转载于:https://www.cnblogs.com/wwlearn/archive/2009/06/15/1503517.html

C#和JavaScript的简单互交相关推荐

如何仅使用HTML和JavaScript构建简单的URL缩短器
by Palash Bauri 由Palash Bauri 如何仅使用HTML和JavaScript构建简单的URL缩短器 (How to build a simple URL shortener w ...
JavaScript设计模式--简单工厂模式例子---XHR工厂
JavaScript设计模式--简单工厂模式例子---XHR工厂第一步,Ajax操作接口(目的是起一个接口检测作用) (1)引入接口文件 //定义一个静态方法来实现接口与实现类的直接检验 //静态方 ...
js实现html页面倒计30秒,javascript实现简单页面倒计时
这篇文章主要为大家详细介绍了javascript实现简单页面倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了javascript实现简单页面倒 ...
JavaScript如何简单而准确地判断复杂数据类型
javaScript如何简单而准确地判断复杂数据类型? 1:typeof 只能判断出基本数据类型例如: var a = 3; typeof a 的结果为 number var b = []; typ ...
javascript 代码_如何使您JavaScript代码简单易读
javascript 代码 by Arthur Arakelyan 通过亚瑟·阿拉克利安(Arthur Arakelyan) 如何使您JavaScript代码简单易读 (How to keep you ...
Javascript闭包简单理解
Javascript闭包简单理解原文:Javascript闭包简单理解提到闭包,想必大家都早有耳闻,下面说下我的简单理解. 说实话平时工作中实际手动写闭包的场景并不多,但是项目中用到的第三方框架和 ...
用浏览器收藏夹的书签保存javascript的简单脚本
用浏览器收藏夹的书签保存javascript的简单脚本之前一直好奇别人是如何保存常用的javascipt脚本的油猴脚本,需要考虑整体的运行方式,有时还得专门写个按钮,需要一定基础记事本保存,用的 ...
JavaScript最简单的方法实现简易的计算器
文章目录前言一.效果图二.代码 1.HTML代码 2.CSS代码 3.JavaScript代码总结前言 JavaScript最简单的方法实现简易的加减乘除计算器一.效果图二.代码 1.H ...
js html css淘宝足迹日历效果,JavaScript实现简单日历效果
本文实例为大家分享了JavaScript实现简单日历效果的具体代码,供大家参考,具体内容如下实现效果: 根据所选择的年月,列出当月对应是周几,效果图如下: 实现思路: 1.使用select标签保存年 ...

C#和JavaScript的简单互交

C#和JavaScript的简单互交相关推荐

最新文章

热门文章