ASP.NET与JavaScript交互
2010-04-06 21:57
183 查看
1.asp.net呼叫js
在这里情况下,你可以调用页面中的JS脚本的函数都可以.
2、js脚本如何访问服务器控件的值
界面上有一个TextBox控件,ID为Name,js里可以采用如下脚本取Name的值
3、服务器控件如何取js中变量的值
方法是在界面上放一个隐藏的控件HtmlInputHidden,然后设置为以服务器控件运行,这样在js脚本中和ASP.NET代码里都可以访问到该控件的值
js中给服务器控件赋值:
ASP.NET中使用Name.Value来访问。
4.前台和后台之间函数的调用
CS文件
5.javaScript函数中执行C#代码中的函数:
方法一: 1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;
2、在前台写一个js函数,内容为document.getElementById("btn1").click();
3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;
方法二: 1、函数声明为public
后台代码(把public改成protected也可以)
2、在html里用<%=fucntion()%>可以调用
前台脚本
方法三: 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="按钮" 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#变量?
方法一: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#中访问JavaScript函数?
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;
}
Response.Write("<mce:script language=javascript><!-- "); Response.Write("alert('欢迎您 ');" ); Response.Write("location.href='login.aspx';") ; Response.Write(" // --></mce: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> <mce: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); } // --></mce:script> ...//此处省略部分代码 <asp:TextBox ID="editValue" runat="server" /> <asp:Button ID="btnSubmit" runat="server" Text="Submit Data" OnClientClick="callServer();return false;" /> </head>
CS文件
//页面类继承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="按钮" 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#变量?
方法一: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#中访问JavaScript函数?
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;
}
相关文章推荐
- javascript 与 asp.net 的交互
- asp.net中javascript与后台c#交互
- javascript 与 asp.net 的交互
- javascript与cs代码互相调用 asp.net中前台javascript与后台C#交互(转)
- C#和JavaScript交互(asp.net前台和后台互调)总结 (转)
- C#和JavaScript交互(asp.net前台和后台互调)总结 (转)
- ASP.NET服务器端与javascript交互的一种方法
- javascript 与 asp.net 的交互
- asp.net中前台javascript与后台C#交互
- flash与javascript、asp.net(数据库)的交互
- asp.net中前台javascript与后台C#交互
- 转载来自博客园(poleices):C#和JavaScript交互(asp.net前台和后台互调)总结
- javascript与cs代码互相调用 asp.net中前台javascript与后台C#交互 这里主要包括了javascipt与后台CS代码四种方法互调(其中包括函数与变量的访问)
- asp.net中前台javascript与后台C#交互
- ASP.NET和Javascript的Json数据交互
- ASP.NET服务器端与javascript交互的一种方法
- C#和JavaScript交互(asp.net前台和后台互调)总结 (转)
- javascript与asp.net的交互
- C#和JavaScript交互(asp.net前台和后台互调)
- Asp.net中后台C#数组与前台Javascript数组交互