当前位置: 首页 > 编程笔记 >

.net与javascript脚本的交互方法总结

长孙阳州
2023-03-14
本文向大家介绍.net与javascript脚本的交互方法总结,包括了.net与javascript脚本的交互方法总结的使用技巧和注意事项,需要的朋友参考一下

本文实例总结了.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#代码中的函数:

方法一:
①、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;
②、在前台写一个js函数,内容为
document.getElementById("btn1").click();

③、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;

方法二:
①、函数声明为public
后台代码(把public改成protected也可以)

public string ss()

{

return("a");

}

②、在html里用<%=fucntion()%>可以调用
前台脚本
<script language=javascript>

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','')">

方法四:
<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"> <!--用来存储你要调用的函数 -->

在.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;

}

希望本文所述对大家的C#程序设计有所帮助。

 类似资料:
  • JavaScript 调用 Krpano 对象 embedpano({ //省略其它不相关设置... id: "krpanoSWFObject", onready: krpanoReady }); function krpanoReady() { var krpano = document.getElementById('krpanoSWFObject');

  • 本文向大家介绍Android总结之WebView与Javascript交互(互相调用),包括了Android总结之WebView与Javascript交互(互相调用)的使用技巧和注意事项,需要的朋友参考一下 前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App、Web App、Hybrid App三种方式,个人觉得目前以H

  • 本文向大家介绍JavaScript中交换值的10种方法总结,包括了JavaScript中交换值的10种方法总结的使用技巧和注意事项,需要的朋友参考一下 前言 在开发过程中又是我们需要对值进行交换。一般我们都在用一种简单的解决方案:“临时变量”。不过还有更好的办法,而且不只有一个,有很多。有时我们在网上搜寻解决方案,找到后复制粘贴,但是从没想过这小段代码是怎样工作的。现在我们该学习一下应该怎样轻松高

  • 本文向大家介绍 Js和native交互的方法与问题 相关面试题,主要包含被问及 Js和native交互的方法与问题 时的应答技巧和注意事项,需要的朋友参考一下 实现JS和Native交互有两种方式: 第一种:shouldOverrideUrlLoading(WebView view, String url) 通过给WebView加一个事件监听对象(WebViewClient)并重写shouldOv

  • 本文向大家介绍Shell脚本中非交互式修改密码的两种方法,包括了Shell脚本中非交互式修改密码的两种方法的使用技巧和注意事项,需要的朋友参考一下 今天在写一个shell脚本的时候发现需要设置用户的密码,而设置密码是交互式的,这样在脚本中显然是不太好的,因此上网查找资料,发现了以下两种常见的非交互式设置密码的方式: 1:使用chpasswd chpasswd其实是通过用户输入'用户名:密码'来更改

  • web3-net包用来支持和以太坊节点旳网络属性的交互。 使用方法: var Net = require('web3-net'); // 当使用以太坊兼容浏览器时,"Personal.providers.givenProvider" 将自动设置 var net = new Net(Net.givenProvider || 'ws://some.local-or-remote.node:8546'