ajax 登錄功能簡(jiǎn)單實(shí)現(xiàn)(未連接數(shù)據(jù)庫(kù))
更新時(shí)間:2013年05月21日 16:21:57 作者:
未連接數(shù)據(jù)庫(kù)下實(shí)現(xiàn)ajax 登錄功能判斷登陸成功與失敗,喜歡ajax的朋友可以參考下哈,希望對(duì)大家有所幫助
簡(jiǎn)單的登錄功能(未連接數(shù)據(jù)庫(kù))
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#tijiao').click(function () {
var username = $('#username').val();
var pwd = $('#pwd').val();
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/denglu",
data: "{username:'" + username + "',pwd:'" + pwd + "'}",
success: function (bukeyi) {
$('#tishi').text(bukeyi.d);
}
})
})
})
</script>
</head>
<body>
用戶名:<input type="text" id="username" runat="server" />
密碼:<input type="text" id="pwd" runat="server" />
<input type="button" id="tijiao" value="提交" />
<div id="tishi"></div>
[WebMethod]
public string denglu(string username,string pwd)
{
if (username == "zhangsan" && pwd == "123")
{
return "登陸成功!";
}
else { return "登陸失??!"; }
}
復(fù)制代碼 代碼如下:
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#tijiao').click(function () {
var username = $('#username').val();
var pwd = $('#pwd').val();
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/denglu",
data: "{username:'" + username + "',pwd:'" + pwd + "'}",
success: function (bukeyi) {
$('#tishi').text(bukeyi.d);
}
})
})
})
</script>
</head>
<body>
用戶名:<input type="text" id="username" runat="server" />
密碼:<input type="text" id="pwd" runat="server" />
<input type="button" id="tijiao" value="提交" />
<div id="tishi"></div>
[WebMethod]
public string denglu(string username,string pwd)
{
if (username == "zhangsan" && pwd == "123")
{
return "登陸成功!";
}
else { return "登陸失??!"; }
}
您可能感興趣的文章:
- ajax 數(shù)據(jù)庫(kù)中隨機(jī)讀取5條數(shù)據(jù)動(dòng)態(tài)在頁(yè)面中刷新
- ajax+asp無(wú)限級(jí)分類樹型結(jié)構(gòu)(帶數(shù)據(jù)庫(kù))
- ajax php 實(shí)現(xiàn)寫入數(shù)據(jù)庫(kù)
- AJAX自學(xué)練習(xí) 無(wú)刷新從數(shù)據(jù)庫(kù)后臺(tái)取數(shù)據(jù)顯示
- AJAX 自學(xué)練習(xí) 無(wú)刷新提交并修改數(shù)據(jù)庫(kù)數(shù)據(jù)并顯示
- 基于asp+ajax和數(shù)據(jù)庫(kù)驅(qū)動(dòng)的二級(jí)聯(lián)動(dòng)菜單
- ASP+AJAX+ACCESS數(shù)據(jù)庫(kù)實(shí)例講解三個(gè)步驟分享
- ajax異步刷新實(shí)現(xiàn)更新數(shù)據(jù)庫(kù)
- ajax對(duì)注冊(cè)名進(jìn)行驗(yàn)證檢測(cè)是否存在于數(shù)據(jù)庫(kù)中
- ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例
- jquery+ajax+C#實(shí)現(xiàn)無(wú)刷新操作數(shù)據(jù)庫(kù)數(shù)據(jù)的簡(jiǎn)單實(shí)例
- Ajax動(dòng)態(tài)加載數(shù)據(jù)庫(kù)示例
- 使用wordpress的$wpdb類讀mysql數(shù)據(jù)庫(kù)做ajax時(shí)出現(xiàn)的問(wèn)題該如何解決
相關(guān)文章
ajax jquery校驗(yàn)用戶是否已經(jīng)注冊(cè)演示代碼
用戶是否已經(jīng)注冊(cè)的判斷方法有很多,在本文將為大家詳細(xì)介紹下如何使用ajax jquery來(lái)實(shí)現(xiàn),感興趣的朋友可以參考下2013-10-10使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例
AjaxFilleUpload.js可以使得我們不用去管理Iframe的一系列操作,也不用影響我們的頁(yè)面結(jié)構(gòu),實(shí)現(xiàn)異步的文件提交2014-05-05AJAX實(shí)現(xiàn)指定部分頁(yè)面刷新效果
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)指定部分頁(yè)面刷新效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10ajax請(qǐng)求json數(shù)據(jù)案例詳解
最近項(xiàng)目有這樣一個(gè)需求,點(diǎn)擊六大洲,出現(xiàn)對(duì)應(yīng)的一些請(qǐng)求信息,展示在下面,當(dāng)請(qǐng)求之后,第二次點(diǎn)擊就不用再次請(qǐng)求了,究竟用代碼怎么寫呢,下面小編帶領(lǐng)大家了解了解2015-09-09Ajax實(shí)現(xiàn)簡(jiǎn)單下拉選項(xiàng)效果【推薦】
下面小編就為大家?guī)?lái)一篇Ajax實(shí)現(xiàn)簡(jiǎn)單下拉選項(xiàng)效果【推薦】。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,一起跟隨小編過(guò)來(lái)看看吧2016-04-04解決ajax傳過(guò)來(lái)的值后臺(tái)接收不到的問(wèn)題
今天小編就為大家分享一篇解決ajax傳過(guò)來(lái)的值后臺(tái)接收不到的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08