Javascript与ASP.NET交互

原创 2011年01月18日 18:49:00

1.asp.net呼叫js
   
                     Response.Write("<script. language=javascript>");
                     Response.Write("alert('登峰欢迎您 ');" );
                     Response.Write("location.href='login.aspx';") ;
                     Response.Write("</script>") ;
K.x~ }5{]6t?~#?0 x5K4^|MkS.tW0 ITPUB个人空间bP+m,@d'u5O,D|av neQ(TFVv0 5a*gCE6UjY0


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

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


         界面上有一个TextBox控件,ID为Name,js里可以采用如下脚本取Name的值
         var myvalue=document.all('Name').value;
'kVu+xb[h0 t$D9OV[O-j/_a0

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

ITPUB个人空间Sj+y:g.?0EyP
       方法是在界面上放一个隐藏的控件HtmlInputHidden,然后设置为以服务器控件运行,这样在js脚本中和ASP.NET代码里都可以访问到该控件的值
         js中给服务器控件赋值:
         var bt=document.all('Name').value;
         bt.value='名称';
         ASP.NET中使用Name.Value来访问。
ITPUB个人空间Hp9A*o5xe.x/vB1V(i zn tUe{j.J ]:B0 P;}7Hk {NA6w??0 8JpIqx�^XC0

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

<head runat="server ">
    <title>Untitled Page</title>
    <script. type="text/javascript">
    function callServer(arg){
        var Tb = 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" nClientClick="callServer();return false;" />
ITPUB个人空间[XW0h3v6rX%XQ ITPUB个人空间 |m;^W C!t_[ ITPUB个人空间BA `1mL6V ITPUB个人空间;d2`:TV"/IyG3` ITPUB个人空间dm,@WZz(L ,S]vg)sDd-k0 ITPUB个人空间6R DPPbL0h ITPUB个人空间oS3_`4ea,u }? ITPUB个人空间/{EO1IF{C];[)e /Dg,mv@`f�j0 ITPUB个人空间S ^5UI'mv0L] &y){1[@NzU Q!c0 ITPUB个人空间n pY3Z/K&gk5?.M$f ITPUB个人空间(J*Q`/R8s )`:^Ld#?0 G"S%i1m%T{;HL{4U1jf0 ITPUB个人空间 AX,MV}h}T+v

</head>

CS文件

C# code
//页面类继承ICallbackEventHandler接口,并实现其中的两个方法
public partial class _Default : System.Web.UI.Page , ICallbackEventHandler
{
    private string m_strResult = "";
t/BU DAc0 ITPUB个人空间 og R6`2E+Bcv .Ey:{2U2T3y9v.i0 ITPUB个人空间+^4Ya)H!b~sO7e

    #region ICallbackEventHandler Members

    public string GetCallbackResult()
    {
        // 返回服务器端处理结果给receiveServerResult方法
        return m_strResult;
    }
+k!T/wE$W0 ITPUB个人空间q5pm)ww sa B%t{$`^&Ws0 ITPUB个人空间8p3`2V8^._"zR2~-r

    public void RaiseCallbackEvent(string eventArgument)
    {
        // eventArgument是客户端传来的变量,对应arg变量
         // 在这里添加服务器端处理逻辑...
        m_strResult = eventArgument;
    }
PE G RV0r+R x0 .yNUg�{ tk%Zh8K L0 ITPUB个人空间p^q2}/x1l.v ITPUB个人空间;w&leg(M4g U L9O4//I-H0

    #endregion
}
b:O ZdMG;~8k,[9k0


5.javaScript函数中执行C#代码中的函数:
U_c1h!Yx K4S0

ITPUB个人空间"v�@F)m%Rn Ud
方法一: 1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;
      2、在前台写一个js函数,内容为document.getElementById("btn1").click();
       3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;
AEz,sI"hx0 ITPUB个人空间8QT2JZ1fVV:r5pY`

方法二: 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','')">
6sI$K8hi^'Z0 ITPUB个人空间N&Q_2v*[,D+P v;fr $Dq7{@rCK^:a0 ITPUB个人空间p*M8BuAGX YSB$V&R(I-?*m|0 ITPUB个人空间)ZGeb,d8g ITPUB个人空间,Ev#y;iD `sS^ ITPUB个人空间cq#Z;A0A f5Y(t$r%zZ ITPUB个人空间t9`zM4zMb+d} ITPUB个人空间3Y-{+D+}:TF3U K6}l_r }8c v-aVIC0 3a2f5H%B/w'IK0 [7ich-PU"tEl7G0 1hXhG*`,J0 ITPUB个人空间D*E:Dm%Thjx5V ITPUB个人空间FXe)f/YT`d8~ ITPUB个人空间&eS*t2LwZ%f ITPUB个人空间+cU+VF H }H8kx!bIY/x3BVS0 ITPUB个人空间H+Z�FtH R0Ub*s#MSLO ] M0 ,Q(@1]K0Ir}/0 ITPUB个人空间(p2Z Aigy2UO;S Z

方法四:       <script. language="javascript">
                function SubmitKeyClick()
                {
                  if (event.keyCode == 13)
                     {
                         event.cancelBubble = true;
                         event.returnValue = false;
                         document.all.FunName.value="你要调用的函数名";
                         document.form[0].submit();
                       }
                }
              </script>
.M#?aa!a9w)iE@0 D"~7T#Q}$p&R]Eg0 ITPUB个人空间Q wJ7GwpUH;Uc y4z$/uxF0 ITPUB个人空间]9z [ K Q[ ITPUB个人空间OPG.R `e'xN L&a"AR"_?�Y0 @ l%_q3HK2FS0 ITPUB个人空间^Y(y B$b4S#_ n'_ $XKq_wQ0 ITPUB个人空间w9`jW}KB

                <INPUT nkeypress="SubmitKeyClick()" id="aaa" type="text">
               <input type="hidden" name="FunName"> 〈!--用来存储你要调用的函数 --〉
R mU.J7ya8[3a4pGS0

             在.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;
                     }
                   }
                 }
ITPUB个人空间 `$}/ B4uQOZ ITPUB个人空间ks"v$n,F'Zh"P C"L Z/yS;[RX-}X0 ITPUB个人空间!q w~-Y y ITPUB个人空间NoDQrW1kZ ITPUB个人空间`{T�c"IIK"z ITPUB个人空间d#{%k2Ml-L'a!Tf*j�v ITPUB个人空间#g vv3]|pxc7r8o&e$c ITPUB个人空间NL:?(p1nQ HT VY0_ pn`d0`3@)KY2S0 ITPUB个人空间&l3?BD5jxU0n O -nzO8H+ga|J:l+o0 ITPUB个人空间jJ2uboc!H!| ITPUB个人空间.jjr Sz T ITPUB个人空间@?jp"q{,D5rD ITPUB个人空间K U:f n'yj#seSH{ ITPUB个人空间/W1GvE^lC9m!i ITPUB个人空间+_Hu7IJ]T%B :wQ.k!B{'q5yay0 -Wp9hqA0

                  public void enter()
                 {
                  //……比如计算某值
                  }
s&Yu(QN IR-xZ0 ITPUB个人空间5Fv,["it&n;N ^|^_'c4FXT4@0

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

方法一:1、通过页面上隐藏域访问<input id="xx" type="hidden" runat="server">
方法二:1、如后台定义了PUBLIC STRING N; 前台js中引用该变量的格式为'<%=n%>'或"+<%=n%>+"
方法三:1、或者你可以在服务器端变量赋值后在页面注册一段脚本
            "<script. language='javascript'>var temp=" + tmp + "</script>"
             tmp是后台变量,然后js中可以直接访问temp获得值。
k4h[C.V6s0 ITPUB个人空间@(PNh ri[Z ITPUB个人空间,V�`:pb~5C x|#A&zj!/0

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

ITPUB个人空间.YZ3X@YR)o%r�r(L
        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;
           }
ITPUB个人空间1xp)Y/,Wy8Iy9r ITPUB个人空间0`p&[D dd #o Z"O9@u5o0T]0S0 ITPUB个人空间Rz_-EG9P s�q2TU;B#qjPy0 ITPUB个人空间I|;^p)X f'_9b*X!N Xq:q+G0 ITPUB个人空间5a @aC/%h e`&VpV0z"fS.h0 wlGkoa&ck0 ITPUB个人空间�QTU&@ C3S]0Q

C#和JavaScript交互(asp.net前台和后台互调)

C#代码与javaScript函数的相互调用: 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的...
  • u014180504
  • u014180504
  • 2017年04月26日 08:49
  • 1258

ASP.NET与JavaScript交互

1.asp.net呼叫jsResponse.Write("") ; 在这里情况下,你可以调用页面中的JS脚本的函数都可以.2、js脚本如何访问服务器控...
  • jadeflute
  • jadeflute
  • 2010年04月06日 21:57
  • 2941

PHP学习笔记-PHP与JavaScript的交互

转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/51761308 本文出自:【顾林海的博客】 前言前两篇笔记P...
  • GULINHAI12
  • GULINHAI12
  • 2016年07月03日 10:23
  • 7419

Flex与Javascript之间的交互

      最近做的一个项目要用到Flex与Javascrip之间的交互,所以花时间学习了一下。在网上找了好多关于这方面的文章,但是介绍的都不是很全面,主要是例子程序写的不是很好,很多都还存在一些问题...
  • hopestar2
  • hopestar2
  • 2010年06月29日 16:15
  • 2955

【ASP.net】浏览器和服务器的交互

引言             从CS(Client/Server)学习到BS(Browser/Server)学习,web让客户端化身为最为方便使用的——浏览器,交互性也成为了BS的一大特点。     ...
  • W15732624773
  • W15732624773
  • 2016年08月07日 16:36
  • 911

Asp.Net 前后台交互小结

一、前台调用后台         前台调用后台的方法一共可分为两大类:使用Html控件和使用Asp控件。         1、Asp控件       非常方便,方便到让你吃惊!比如前台放...
  • wlccomeon
  • wlccomeon
  • 2013年12月11日 22:16
  • 7480

Flash AS3和ASP.NET的交互

Flash AS3和ASP.NET的交互
  • daidaomei
  • daidaomei
  • 2011年03月25日 08:48
  • 6962

VC与JavaScript交互(一) ———— 如何实现

为什么要让VC与JavaScript交互? 在Windows平台上用VC开发的程序,如何与JavaScript交互? 关于WebBrowser: 关于IDispatch: 说了这么多COM对象,和VC...
  • CharlesSimonyi
  • CharlesSimonyi
  • 2014年01月18日 15:35
  • 18380

js与.net后台的交互

1、asp.net呼叫js     Response.Write("") ;      在这里情况下,你可以调用页面中的JS脚本的函数都可以2、js脚本如何访问服务器控件的值     界面上有一个Te...
  • jxqvip
  • jxqvip
  • 2011年04月27日 11:58
  • 4151

Android_webview与js的交互方式

一:hybird app, web app 和 native app 的区别 Native App是一种基于智能手机本地操作系统如IOS,Android等并运用原生程序编写运...
  • u010742414
  • u010742414
  • 2015年05月28日 11:48
  • 1521
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Javascript与ASP.NET交互
举报原因:
原因补充:

(最多只允许输入30个字)