JavaScript用JQuery呼叫Server端方法實(shí)現(xiàn)代碼與參考語法
更新時(shí)間：2013年01月23日 09:11:51 作者：
從Javascript客戶端用JQuery呼叫Server端的方法,這也是一個(gè)大膽的嘗試，本人做了演示動(dòng)畫以及參考語法，感興趣的朋友可以參考下，希望本人對(duì)你有所幫助
Insus.NET從2013年開始學(xué)習(xí)Javascript，此博文是第一次使用JQuery，從Javascript客戶端用JQuery呼叫Server端的方法。首先看看此例的演示：
準(zhǔn)備好Server端的方法：
[System.Web.Services.WebMethod]
public static string VeryUserName(string name)
{
string rtn = "恭喜，此帳號(hào)還沒有注冊，你可以使用。";
if (name == "")
rtn = "請?zhí)顚懸粋€(gè)注冊帳號(hào)。";
if (name == "Insus.NET")
rtn = "此用戶已經(jīng)注冊，請使用另外帳號(hào)。";
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>
可參考下面語法：
準(zhǔn)備好Server端的方法：
復(fù)制代碼 代碼如下:
[System.Web.Services.WebMethod]
public static string VeryUserName(string name)
{
string rtn = "恭喜，此帳號(hào)還沒有注冊，你可以使用。";
if (name == "")
rtn = "請?zhí)顚懸粋€(gè)注冊帳號(hào)。";
if (name == "Insus.NET")
rtn = "此用戶已經(jīng)注冊，請使用另外帳號(hào)。";
return rtn;
}
HTML代碼：
復(fù)制代碼 代碼如下:
Account:
<asp:TextBox ID="TextBoxAccount" runat="server"></asp:TextBox><br />
<input id="btnrReg" type="button" value="注冊" onclick="VeryRegAccount()" />
Javascript腳本：
復(fù)制代碼 代碼如下:
<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>
可參考下面語法：
相關(guān)文章
asp.net 模擬提交有文件上傳的表單(通過http模擬上傳文件)
通過HTTP模擬GET或POST請求，提交數(shù)據(jù)到服務(wù)端獲取響應(yīng)，比較常見些；但如上傳文件到服務(wù)端，使用html form當(dāng)然簡單了，而因環(huán)境所限有時(shí)需要使用模擬方法去提交有附件(文件上傳)的表單。2010-02-02
本文主要詳述ASP.NET中頁面之間傳遞參數(shù)的方法,共介紹了三種方法,有需要的朋友可以來了解一下。2016-10-10
Asp.Net實(shí)現(xiàn)404頁面與301重定向的方法
這篇文章主要介紹了Asp.Net實(shí)現(xiàn)404頁面與301重定向的方法,較為詳細(xì)的分析了404頁面的原理與針對(duì)404錯(cuò)誤與301跳轉(zhuǎn)的實(shí)現(xiàn)方法,是非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11
asp.net實(shí)現(xiàn)非常實(shí)用的自定義頁面基類(附源碼)
這篇文章主要介紹了asp.net實(shí)現(xiàn)非常實(shí)用的自定義頁面基類,包含日志處理、控件賦值、異常處理等功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-11-11
ASP.NET MVC中使用Bundle打包壓縮js和css的方法
這篇文章主要為大家詳細(xì)介紹了ASP.NET MVC中使用Bundle打包壓縮js和css的方法，感興趣的小伙伴們可以參考一下2016-05-05
.Net中如何操作IIS的虛擬目錄原理分析及實(shí)現(xiàn)方案
編程控制IIS實(shí)際上很簡單，和ASP一樣，.Net中需要使用ADSI來操作IIS，但是此時(shí)我們不再需要GetObject這個(gè)東東了，因?yàn)镹et為我們提供了更加強(qiáng)大功能的新東東2012-12-12
這篇文章主要介紹了VS2013安裝時(shí)如何避開IE10的限制，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
ASP.NET 頁面中動(dòng)態(tài)增加的控件、添加事件
在ASP.NET中動(dòng)態(tài)創(chuàng)建一個(gè)控件總是不那么順利，特別是當(dāng)對(duì)頁面的Life Cycle不是那么了然的情況下！這里簡單描述一下要求，然后提供一個(gè)解決方案，大家看看有沒有更好的Idea，如果有的話就是我的大幸了，呵呵！2009-07-07
這篇文章主要介紹了詳解ASP.NET MVC3:Razor的@:和語法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
Asp.net實(shí)時(shí)顯示文本框字?jǐn)?shù)實(shí)現(xiàn)代碼
實(shí)時(shí)顯示文本框字?jǐn)?shù)在日常開發(fā)中很常見，也很實(shí)用，接下來為大家介紹下如何實(shí)現(xiàn)實(shí)時(shí)顯示，感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04