当前位置:Gxlcms > asp.net > JavaScript用JQuery呼叫Server端方法实现代码与参考语法

JavaScript用JQuery呼叫Server端方法实现代码与参考语法

时间:2021-07-01 10:21:17 帮助过:59人阅读

Insus.NET从2013年开始学习Javascript,此博文是第一次使用JQuery,从Javascript客户端用JQuery呼叫Server端的方法。首先看看此例的演示
 
准备好Server端的方法
代码如下:
  1. <br>[System.Web.Services.WebMethod] <br>public static string VeryUserName(string name) <br>{ <br>string rtn = "恭喜,此帐号还没有注册,你可以使用。"; <br>if (name == "") <br>rtn = "请填写一个注册帐号。"; <br>if (name == "Insus.NET") <br>rtn = "此用户已经注册,请使用另外帐号。"; <br>return rtn; <br>} <br> <br><strong>HTML代码</strong>: <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br>Account: <br><asp:TextBox ID="TextBoxAccount" runat="server"></asp:TextBox><br /> <br><input id="btnrReg" type="button" value="注册" onclick="VeryRegAccount()" /> <br> <br>Javascript脚本: <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br><script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>function VeryRegAccount() { <br>$.ajax({ <br>type: "POST", <br>url: "Default.aspx/VeryUserName", <br>data: '{name: "' + $("#<%= TextBoxAccount.ClientID%>")[0].value + '" }', <br>contentType: "application/json; charset=utf-8", <br>dataType: "json", <br>success: OnSuccess, <br>failure: function (response) { <br>alert(response.d); <br>} <br>}); <br>} <br>function OnSuccess(response) { <br>alert(response.d); <br>} <br></script> <br> <br><strong>可参考下面语法</strong>: <br><img src="https://img.gxlcms.com//Uploads-s/new/2019-09-19-201919/201312390220431.png" width="782" height="308"></li><li> </li><li> </li></ol></pre></li></ol></pre>

人气教程排行