.net与javascript脚本的交互方法总结
更新时间：2014年10月15日 09:56:12 投稿：shichen2014
这篇文章主要介绍了.net与javascript脚本的交互方法,实例讲述了.net访问javascript的方法与javascript访问.net的方法,非常具有实用价值,需要的朋友可以参考下
本文实例总结了.net与javascript脚本的交互方法，分享给大家供大家参考。具体方法如下：
1.asp.net呼叫js
复制代码 代码如下:
Response.Write("<script language=javascript>");
Response.Write("alert('登峰欢迎您 ');" );
Response.Write("location.href='login.aspx';") ;
Response.Write("</script>") ;
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='名称';
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>
<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
}
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#代码中的函数：
方法一：
①、首先建立一个按钮，在后台将调用或处理的内容写入button_click中;
②、在前台写一个js函数，内容为
复制代码 代码如下:
document.getElementById("btn1").click();
③、在前台或后台调用js函数，激发click事件，等于访问后台c#函数；
方法二：
①、函数声明为public
后台代码(把public改成protected也可以)
复制代码 代码如下:
public string ss()
{
return("a");
}
{
return("a");
}
②、在html里用<%=fucntion()%>可以调用
前台脚本
复制代码 代码如下:
<script language=javascript>
var a = "<%=ss()%>";
alert(a);
</script>
var a = "<%=ss()%>";
alert(a);
</script>
方法三：
①、
复制代码 代码如下:
<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="按钮" onclick="javascript:doPostBack('Button1','')">
<!--
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="按钮" onclick="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 onkeypress="SubmitKeyClick()" id="aaa" type="text">
<input type="hidden" name="FunName"> <!--用来存储你要调用的函数 -->
function SubmitKeyClick()
{
if (event.keyCode == 13)
{
event.cancelBubble = true;
event.returnValue = false;
document.all.FunName.value="你要调用的函数名"；
document.form[0].submit();
}
}
</script>
<INPUT onkeypress="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()
{
//……比如计算某值
}
{
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;
}
{
string str;
str="<script language='javascript'>";
str+="selectRange()";
str+="</script>";
//Literal1.Visible=true;
Literal1.Text=str;
}
希望本文所述对大家的C#程序设计有所帮助。
相关文章
一款域名监控小工具 Domain(IP)Watcher 实现代码
域名是否正常，网站是否可以正常访问是很头痛的问题，怎样简单地监控域名是否可以正常访问呢，这里发布一款域名监控小工具：Domain(IP)Watcher2011-11-11
详解Unity中Mask和RectMask2D组件的对比与测试
本篇文章给大家介绍Unity中Mask和RectMask2D组件的对比与测试，包括组件用法及RectMask2D的基本用法，通过Mask的原理分析实例代码相结合给大家讲解的非常详细，需要的朋友参考下吧2021-06-06
C#利用Windows自带gdi32.dll实现抓取屏幕功能实例
这篇文章主要介绍了C#利用Windows自带gdi32.dll实现抓取屏幕功能,是C#程序设计中常见的一个重要技巧,需要的朋友可以参考下2014-08-08
在本篇文章里小编给大家整理了关于C#如何打印日志的技巧总结，需要的朋友们跟着学习下。2019-03-03
jQuery uploadify在谷歌和火狐浏览器上传失败的解决方案
jquery.uploadify插件是一个基于jquery来实现上传的，这个插件很好用，每一次向后台发送数据流请求时，ie会自动把本地cookie存储捆绑在一起发送给服务器。但firefox、chrome不会这样做，他们会认为这样不安全，下面介绍下jQuery uploadify上传失败的解决方案2015-08-08
这篇文章主要介绍了C#实现闹钟AlarmClock实例代码,很实用的功能,需要的朋友可以参考下2014-08-08
这篇文章主要介绍了c# 实现控件(ocx)中的事件详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-12-12
本文给大家分享的是基于.net 1.0开发的程序如何实现导出Excel的方法和示例，使用的是UltraWebGrid自带导出Excel的控件，非常的简单实用，有需要的小伙伴可以参考下。2015-06-06
C#使用DateTime.Now静态属性动态获得系统当前日期和时间
本文主要介绍了C#使用DateTime.Now静态属性动态获得系统当前日期和时间,DateTime结构的Now静态属性只是得到一个系统时间对象,该时间对象不会随着系统时间的变化而变化,如果要动态显示系统时间,可以使用计时器间隔地获取系统时间对象并显示,感兴趣的可以了解一下2024-01-01
这篇文章主要为大家详细介绍了C#中异步实现方式的相关知识,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以跟随小编一起学习一下2024-03-03
最新评论