Home >Backend Development >C#.Net Tutorial >Summary of interaction methods between .net and javascript scripts

Summary of interaction methods between .net and javascript scripts

高洛峰
高洛峰Original
2017-01-21 14:54:191183browse

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("71180f37797591dcd47c07c8f651453f");
Response.Write("alert('登峰欢迎您 ');" );
Response.Write("location.href='login.aspx';") ;
Response.Write("2cacc6d41bbb37262a98f745aa00fbf0") ;

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

22e6244c9f89e2a72231546ed5a2733f
b2386ffb911b14667cb8f0f91ea547a7Untitled Page6e916e0f7d1e588d4f442bf645aedb2f
8019067d09615e43c7904885b5246f0a
function callServer(arg){
var oTb = document.getElementById('bf1c2373e49a059295411976a528fbb7');
// arg中是传给服务器的变量
arg = oTb.value;
64abc476f6f75c293c21d33595357e63
}
function receiveServerResult(result){
// 在这里添加处理服务器返回结果的逻辑,result变量是服务器返回的结果
alert(result);
}
2cacc6d41bbb37262a98f745aa00fbf0
...//此处省略部分代码
1d10ac1db03845f51bad4fbeb7db3775
1b15f251253d229eac1442f9007b2b5a
9c3bca370b5104690d9ef395f2c5f8d1
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 9f2f1a360c63ff2b1c1b39dcdef63316 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 'ed6d00bd7543ae3a0702774e79a7199d' or "+ed6d00bd7543ae3a0702774e79a7199d+ "
Method 3: Or you can register a script on the page after assigning values ​​to server-side variables
"68863cd23d0f8fc0a66f752222e1fd96var temp=" + tmp + "2cacc6d41bbb37262a98f745aa00fbf0"
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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn