JavaScript calls the Server method using JQuery to implement code and reference syntax

Insus. NET has been learning Javascript since 2013. This blog post is the first time to use JQuery and call the Server method from the Javascript client.First, let's take a look at the demo.:
 
Prepare the Server Method:
Copy codeThe Code is as follows:
[System. Web. Services. WebMethod]
Public static string VeryUserName (string name)
{
String rtn = "congratulations, this account has not been registered. You can use it. ";
If (name = "")
Rtn = "enter a registered account. ";
If (name = "Insus. NET ")
Rtn = "this user has been registered. Please use another account. ";
Return rtn;
}

HTML code:
Copy codeThe Code is as follows:
Account:
<Asp: TextBox ID = "TextBoxAccount" runat = "server"> </asp: TextBox> <br/>
<Input id = "btnrReg" type = "button" value = "register" onclick = "VeryRegAccount ()"/>

Javascript script:
Copy codeThe Code is as follows:
<Script src = "scripts/jquery-1.3.2.min.js" type = "text/javascript"> </script>
<Script type = "text/javascript">
Function VeryRegAccount (){
$. Ajax ({
Type: "POST ",
Url: "Default. aspx/VeryUserName ",
Data: '{name: "' + $ (" # <% = TextBoxAccount. ClientID %> ") [0]. value + '"}',
ContentType: "application/json; charset = UTF-8 ",
DataType: "json ",
Success: OnSuccess,
Failure: function (response ){
Alert (response. d );
}
});
}
Function OnSuccess (response ){
Alert (response. d );
}
</Script>

See the following syntax.: