.net 与 javascript脚本的几种交互方法

 

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#变量?

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

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

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

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

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

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

  c#代码中执行javaScript函数:

  方法一: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;

  }

 

     以上内容转自:http://www.cnblogs.com/myaspnet/archive/2010/11/12/1876091.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值