http://blog.csdn.net/deepwishly/article/details/6670942 AjaxPro.dll Basic Tutorial (foreground call background method, background call foreground method)
1. Perform functions in C # code in JavaScript functions:
Method One: Indirectly trigger the background code
1, first set up a service-side control button named BTN1, double-click into the background will be called or processed content written to Btn1_click;
2, write a JS function in the foreground, the content is Document.getelementbyidx ("Btn1"). Click ();
3, in the foreground call JS function, fire click event, equal access to the background C # function;
The code is as follows:
<input id= "hBt" type= "button" value= "click ME2" onclick= "fun2 ()"/>
<asp:button id= "aBt" runat= "Server" text= "Server BT" onclick= "Abt_click"/>
<asp:label id= "Label1" runat= "Server" text= "Label" ></asp:Label>
Assign a value to lable when you click on the Server Side button
protected void Abt_click (object sender, EventArgs e)
{Label1.Text = "true false ~ ~ ~"; }
The JS code is as follows:
function fun2 () {
document.getElementById (' ABt '). Click ();
}
Method Two: 1, function declaration is public
Background code (change public to protected also can)
public string SS ()
{
Return ("a");
}//
2, in the HTML with <%=fucntion ()%> can call
Foreground script
<script language=javascript>
var a = "<%=ss ()%>";
alert (a);
</script>
in the form of a parameter
All are HTML control input name Click button to get the information you entered!
The code is as follows:
<div>
Your name Is:<input id= "name" type= "text"/>
<input id= "CLICKBT" type= "button" value= "GET NAME" onclick= "Fun ()"/>
<input id= "Nametxt" type= "text"/>
</div>
JS as follows:
<script
language= "JavaScript" type= "Text/javascript" >
function Fun ()
{
var name = document.getElementById (' name '). Value;
var nameStr =
' <%=getname ("' +name+ '")%> '; The page is loaded at the first time, due to the order of execution of the page, the time to run to this point back to the "+ name +" value to the background, but does not really perform the background method
document.getElementById (' Nametxt '). Value = NAMESTR;
}
</script>
The background code is as follows:
Public string GetName (String namepar)
{
Return Namepar + "is your name";
}
Method Three: 1, <script language= "JavaScript" >
<!--
function __doPostBack (Eventtarget, eventargument)
{
var theform = document. Form1; Refers to the form of runat=server
Theform.__eventtarget.value = Eventtarget;
Thefrom.__eventargument.value = eventargument;
Theform.submit ();
}
-
</script>
<input type= "button" value= "Buttons" >
Method Four: <script language= "JavaScript" >
function Submitkeyclick ()
{
if (Event.keycode = = 13)
{
Event.cancelbubble = true;
Event.returnvalue = false;
Document.all.funname.value= "The name of the function you want to invoke";
Document.form[0].submit ();
}
}
</script>
<input type= "Text" >
<input type= "hidden" >〈! --Used to store the function you want to call--〉
In. cs There are:
Public Page_onload ()
{
if (! Page.ispost ())
{
String strfunname=request.form["Funname"]!=null? request.form["Funname"]: "";
Determines which function to call based on the value returned
Switch (strfunname)
{
Case "Enter ()":
Enter (); Call this function
Break
Case "Other":
Calling other functions
Break
Default
Calling the default function
Break
}
}
}
public void Enter ()
{
...... such as calculating a value
}
2. How do I access C # variables in JavaScript?
The answers are as follows:
Method One: 1, Access <input type= "hidden" runat= "Server" by hiding the domain on the page >
Method Two: 1, such as the background defines the public STRING N; The format for referencing the variable in the foreground JS is ' <%=n%> ' or ' + <%=n%>+ '
Method Three: 1, or you can register a script on the page after the server-side variable is assigned a value
"<script language= ' JavaScript ' >var temp=" + tmp + "</script>"
TMP is a background variable, and then JS can directly access the temp to get the value.
3. How do I access the existing variables of JavaScript in C #?
The answers are as follows:
Method One: 1. The foreground uses the static text control to hide the field and writes the value of the JS variable to it;
2, backstage with request["id" to get the value;
Method Two: You can use a cookie or session
4. How do I access JavaScript functions in C #?
The answers are as follows:
Execute JavaScript functions in C # code:
Method One: 1, page.registerstartupscript ("GGG", "<script>setvisible (1); </script>");
Method Two: Use the literal class, and then
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;
}
Originally from: http://hi.baidu.com/xiaowei0705/blog/item/4d56163f5e4bf616bba16725.html
How clients get the ASP. NET Server Control ID classification: C # The ID of the server control in ASP. NET will change a certain amount on the client. How to use document.getElementById () to get the values in a control becomes a challenge. For example: In a login page, put an Account entry box, a password input box, a submit button
<asp:textbox id= "Textbox_uid" runat= "Server" maxlength= "></asp:TextBox>"
<asp:textbox id= "TEXTBOX_PWD1" runat= "Server" maxlength= "textmode=" Password "></asp:TextBox>
<asp:button id= "Button_login" runat= "server" text= "login" onclick= "Button_login_click" onclientclick= "return Checkreg () "/>
How do I get the ID of a server control exactly? See below: Using the <%= control id.clientid%>
In order to reduce the frequent submission of inputs. I write a JavaScript method on the client, which simply determines whether the input value meets the requirements. If the account and password input is not empty, I will submit to the background to judge.
The control TextBox's ID is textbox_uid and textbox_pwd1 but the client turns into Ctl00_textbox_user and ctl00_textbox_pwd.
<script language= "javascript" type= "Text/javascript" >
Check if the account number and password are empty
function Checkreg ()
{
var uid = document.getElementById ("<%=textbox_uid.clientid%>"). Value;
var pwd1 = document.getElementById ("<%=textbox_pwd1.clientid%>"). Value;
if (uid = = "" "| | PWD1 = = "")
{
Alert ("The account and password cannot be empty!") ");
return false;
}
return true;
}
</script>
Transferred from: http://www.cnblogs.com/qinpengming/archive/2012/05/23/2514373.html