JavaScript用JQuery呼叫Server端方法實現(xiàn)代碼與參考語法
更新時間:2013年01月23日 09:11:51 作者:
從Javascript客戶端用JQuery呼叫Server端的方法,這也是一個大膽的嘗試,本人做了演示動畫以及參考語法,感興趣的朋友可以參考下,希望本人對你有所幫助
Insus.NET從2013年開始學習Javascript,此博文是第一次使用JQuery,從Javascript客戶端用JQuery呼叫Server端的方法。首先看看此例的演示:
準備好Server端的方法:
[System.Web.Services.WebMethod]
public static string VeryUserName(string name)
{
string rtn = "恭喜,此帳號還沒有注冊,你可以使用。";
if (name == "")
rtn = "請?zhí)顚懸粋€注冊帳號。";
if (name == "Insus.NET")
rtn = "此用戶已經(jīng)注冊,請使用另外帳號。";
return rtn;
}
HTML代碼:
Account:
<asp:TextBox ID="TextBoxAccount" runat="server"></asp:TextBox><br />
<input id="btnrReg" type="button" value="注冊" onclick="VeryRegAccount()" />
Javascript腳本:
<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>
可參考下面語法:

準備好Server端的方法:
復制代碼 代碼如下:
[System.Web.Services.WebMethod]
public static string VeryUserName(string name)
{
string rtn = "恭喜,此帳號還沒有注冊,你可以使用。";
if (name == "")
rtn = "請?zhí)顚懸粋€注冊帳號。";
if (name == "Insus.NET")
rtn = "此用戶已經(jīng)注冊,請使用另外帳號。";
return rtn;
}
HTML代碼:
復制代碼 代碼如下:
Account:
<asp:TextBox ID="TextBoxAccount" runat="server"></asp:TextBox><br />
<input id="btnrReg" type="button" value="注冊" onclick="VeryRegAccount()" />
Javascript腳本:
復制代碼 代碼如下:
<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>
可參考下面語法:

相關文章
asp.net 模擬提交有文件上傳的表單(通過http模擬上傳文件)
通過HTTP模擬GET或POST請求,提交數(shù)據(jù)到服務端獲取響應,比較常見些;但如上傳文件到服務端,使用html form當然簡單了,而因環(huán)境所限有時需要使用模擬方法去提交有附件(文件上傳)的表單。2010-02-02Asp.Net實現(xiàn)404頁面與301重定向的方法
這篇文章主要介紹了Asp.Net實現(xiàn)404頁面與301重定向的方法,較為詳細的分析了404頁面的原理與針對404錯誤與301跳轉(zhuǎn)的實現(xiàn)方法,是非常實用的技巧,需要的朋友可以參考下2014-11-11asp.net實現(xiàn)非常實用的自定義頁面基類(附源碼)
這篇文章主要介紹了asp.net實現(xiàn)非常實用的自定義頁面基類,包含日志處理、控件賦值、異常處理等功能,非常具有實用價值,需要的朋友可以參考下2015-11-11ASP.NET MVC中使用Bundle打包壓縮js和css的方法
這篇文章主要為大家詳細介紹了ASP.NET MVC中使用Bundle打包壓縮js和css的方法,感興趣的小伙伴們可以參考一下2016-05-05.Net中如何操作IIS的虛擬目錄原理分析及實現(xiàn)方案
編程控制IIS實際上很簡單,和ASP一樣,.Net中需要使用ADSI來操作IIS,但是此時我們不再需要GetObject這個東東了,因為Net為我們提供了更加強大功能的新東東2012-12-12Asp.net實時顯示文本框字數(shù)實現(xiàn)代碼
實時顯示文本框字數(shù)在日常開發(fā)中很常見,也很實用,接下來為大家介紹下如何實現(xiàn)實時顯示,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04