C#与javascript简单交互
文章分类:Web前端
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()
{
//…… 比如计算某值
}
方法一：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 获得值。
7. 如何在C# 中访问Java Script 函数?
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;
}
2739
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
