.net与javascript脚本的交互方法总结
程序员文章站
2024-02-12 12:36:46
本文实例总结了.net与javascript脚本的交互方法，分享给大家供大家参考。具体方法如下：
1.asp.net呼叫js
复制代码 代码如下:response.wr...
本文实例总结了.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#程序设计有所帮助。
推荐阅读
-
.net与javascript脚本的交互方法总结
-
.net与javascript脚本的交互方法总结
-
Android编程使用WebView实现与Javascript交互的方法【相互调用参数、传值】
-
Android编程使用WebView实现与Javascript交互的方法【相互调用参数、传值】
-
Asp.net MVC中Razor常见的问题与解决方法总结
-
Asp.net MVC中Razor常见的问题与解决方法总结
-
.Net Core路由处理的知识点与方法总结
-
.net与javascript脚本的交互方法总结
-
encode脚本和normal脚本混用的问题与解决方法_javascript技巧
-
js中同步与异步处理的方法和区别总结_javascript技巧