Summary of interaction methods between .net and javascript scripts

The examples in this article summarize the interaction methods between .net and javascript scripts and share them with you for your reference. The specific method is as follows:

1.asp.net calls js

Response.Write("<script>");
Response.Write("alert(&#39;登峰欢迎您 &#39;);" );
Response.Write("location.href=&#39;login.aspx&#39;;") ;
Response.Write("</script>") ;

In this case, you can call any function of the JS script in the page

2.js How does the script access the value of the server control?

There is a TextBox control on the interface with the ID as Name. You can use the following script to get the value of Name in js

var myvalue=document.all('Name').value;

3. How does the server control get the variable in js? The value
method is to put a hidden control HtmlInputHidden on the interface, and then set it to run as a server control, so that the value of the control can be accessed in js scripts and ASP.NET code
given in js Server control assignment:

var bt＝document.all('Name').value;
bt.value='名称';

Use Name.Value to access in ASP.NET.

4. Function calls between the foreground and the background

<title>Untitled Page</title>
<script>
function callServer(arg){
var oTb = document.getElementById(&#39;<%=editValue.ClientID %>&#39;);
// arg中是传给服务器的变量
arg = oTb.value;
<%=ClientScript.GetCallbackEventReference(this, "arg", "receiveServerResult", null, true)%>
}
function receiveServerResult(result){
// 在这里添加处理服务器返回结果的逻辑，result变量是服务器返回的结果
alert(result);
}
</script>
...//此处省略部分代码
<textbox></textbox>
<button></button>

CS file:

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. Functions in the C# code executed in the javaScript function:

Method 1:
①. First create a button, and write the calling or processing content into button_click in the background;
②. Write a js function in the foreground with the content

document.getElementById("btn1").click();

③. Call the js function in the foreground or background to trigger the click event, which is equivalent to accessing the background c# function;

Method 2:
①. The function is declared as public
Backend code (change public to protected can also be used)

public string ss()
{
return("a");
}

②, use in html to call
front-end script

<script language=javascript>
var a = "<%=ss()%>";
alert(a);
</script>

Method 3:
①,

<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(&#39;Button1&#39;,&#39;&#39;)">

Method 4:

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

In .CS there is:

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. Access C# variables in JavaScript

Method 1: Hidden fields on the page Access

<input id="xx" type="hidden" runat="server">

Method 2: If PUBLIC STRING N is defined in the backend; the format for referencing this variable in the frontend js is '' or "++ "
Method 3: Or you can register a script on the page after assigning values ​​to server-side variables
""
tmp is a background variable, and then you can directly access temp in js to get the value.

7. Access JavaScript functions in C

#Execute javaScript functions in c# code:
Method 1:

Page.RegisterStartupScript("ggg","<script>SetVisible(1); </script>");

Method 2: Use the Literal class, and then

private void Button2_Click(object sender, System.EventArgs e)
{
string str;
str="<script language=&#39;javascript&#39;>";
str+="selectRange()";
str+="</script>";
//Literal1.Visible=true;
Literal1.Text=str;
}

I hope this article will be helpful to everyone’s C# programming.

For more related articles on the summary of interaction methods between .net and javascript scripts, please pay attention to the PHP Chinese website!