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)還沒有注冊(cè)，你可以使用。";
if (name == "")
rtn = "請(qǐng)?zhí)顚懸粋€(gè)注冊(cè)帳號(hào)。";
if (name == "Insus.NET")
rtn = "此用戶已經(jīng)注冊(cè)，請(qǐng)使用另外帳號(hào)。";
return rtn;
}
HTML代碼：
Account:
<asp:TextBox ID="TextBoxAccount" runat="server"></asp:TextBox><br />
<input id="btnrReg" type="button" value="注冊(cè)" 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)還沒有注冊(cè)，你可以使用。";
if (name == "")
rtn = "請(qǐng)?zhí)顚懸粋€(gè)注冊(cè)帳號(hào)。";
if (name == "Insus.NET")
rtn = "此用戶已經(jīng)注冊(cè)，請(qǐng)使用另外帳號(hào)。";
return rtn;
}
HTML代碼：
復(fù)制代碼 代碼如下:
Account:
<asp:TextBox ID="TextBoxAccount" runat="server"></asp:TextBox><br />
<input id="btnrReg" type="button" value="注冊(cè)" 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?Core中Cookie驗(yàn)證身份用法詳解
本文詳細(xì)講解了ASP.NET?Core中Cookie驗(yàn)證身份的用法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-02-02
.net處理程序生成隨機(jī)6位圖片驗(yàn)證碼,大家參考使用吧2013-12-12
ASP.NET中將聲音文件添加到資源中并進(jìn)行播放的方法
這篇文章主要介紹了ASP.NET中將聲音文件添加到資源中并進(jìn)行播放的方法,實(shí)例分析了聲音文件的添加及播放實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
C#中OpenFileDialog和PictrueBox的用法分析
這篇文章主要介紹了C#中OpenFileDialog和PictrueBox的用法,以實(shí)例的形式較為詳細(xì)的分析了OpenFileDialog和PictrueBox使用時(shí)的注意事項(xiàng)與具體用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-11-11
詳解免費(fèi)開源的.NET多類型文件解壓縮組件SharpZipLib（.NET組件介紹之七）
本篇文章主要介紹了免費(fèi)開源的.NET多類型文件解壓縮組件SharpZipLib，這也是一種解壓縮組件，具有一定的參考價(jià)值，有興趣的可以了解一下。2016-12-12
本人博客后臺(tái)管理模塊有個(gè)功能，可以掃描圖片上傳文件夾下所有未被引用的博客2012-02-02
.net數(shù)據(jù)庫操作框架SqlSugar的簡單入門
這篇文章主要介紹了.net數(shù)據(jù)庫操作框架SqlSugar的簡單入門，幫助大家更好的理解和學(xué)習(xí)使用.net技術(shù)，感興趣的朋友可以了解下2021-04-04
ASP.NET MVC5+EF6+EasyUI后臺(tái)管理系統(tǒng) 微信公眾平臺(tái)開發(fā)之資源環(huán)境準(zhǔn)備
這篇文章主要介紹了ASP.NET MVC5+EF6+EasyUI后臺(tái)管理系統(tǒng)，微信公眾平臺(tái)開發(fā)之資源環(huán)境準(zhǔn)備,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
本文詳細(xì)講解了.Net反向代理組件Yarp的用法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09
本人找到一份，可以在asp.net2.0里實(shí)現(xiàn)JSON方式傳送數(shù)據(jù)的方法。但是原方法，不能在數(shù)據(jù)中帶有{、｝、［、］、"等，所以我做特意做了轉(zhuǎn)意。2010-03-03