Home > Backend Development > C#.Net Tutorial > Detailed introduction to the mutual calls between C# code and javaScript functions

Detailed introduction to the mutual calls between C# code and javaScript functions

黄舟
Release: 2017-03-20 13:21:46
Original
3904 people have browsed it

Mutual calls between C# code and JavaScript functions

Question:
1. How to access C# functions in JavaScript?
2. How to access C# variables in JavaScript?
3 .How to access existing variables of JavaScript in C#?
4.How to access JavaScript functions in C#?

The answer to question 1 is as follows:
Execute the function in C# code in the javaScript function:
Method 1: 1. First create a button, and write the calling or processing content into button_click in the background;
      2. Write a js function in the foreground with the content document.getElementById("btn1").click( ; Protected can also be used)

  public string ss()
             {
                return("a");
             }
Copy after login

2. Use <%=fucntion()%> in html to call the front-end script

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

Method 3: 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(&#39;Button1&#39;,&#39;&#39;)">
Copy after login

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

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()
{
//……比如计算某值
}
Copy after login

Question 2. How to access C# variables in JavaScript?

The answer is as follows:

Method 1 : 1. Access
through the hidden domain on the page. Method 2: 1. If PUBLIC STRING N is defined in the background; reference it in the front-end js The format of the variable is '<%=n%>' or "+<%=n%>+"

Method 3: 1. Or you can register a script on the page after assigning a value to the server-side variable

"<script language=&#39;javascript&#39;>var temp=" + tmp + "</script>"
Copy after login

              tmp is a background variable, and then temp can be directly accessed in js to obtain the value.


3. How to access existing variables of JavaScript in C#?

The answer is as follows:

Method 1: 1. Use static text control to hide the field in the front desk. Write the js variable value into it;

2. Use request["id"] in the background to get the value;

Method 2: You can use cookie or session

4. How to use C# Access the JavaScript function in?
The answer is as follows:

C#Execute the javaScript function in the code:

Method one: 1.

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

Method two: 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;
Copy after login

The above is the detailed content of Detailed introduction to the mutual calls between C# code and javaScript functions. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template