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í)分類樹(shù)型結(jié)構(gòu)(帶數(shù)據(jù)庫(kù))
- ajax php 實(shí)現(xiàn)寫(xiě)入數(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請(qǐng)求中的異步與同步，需要注意的地方說(shuō)明
默認(rèn)設(shè)置下，所有請(qǐng)求均為異步請(qǐng)求。如果需要發(fā)送同步請(qǐng)求，請(qǐng)將此選項(xiàng)設(shè)置為 false。注意，同步請(qǐng)求將鎖住瀏覽器，用戶其它操作必須等待請(qǐng)求完成才可以執(zhí)行2012-04-04
因?yàn)閘aravel以post形式提交數(shù)據(jù)時(shí)候需要加{{csrf_field()}}防止跨站攻擊,下面通過(guò)本文給大家分享lavarel框架中使用ajax提交表單的方法，一起看看吧2016-12-12
今天小編就為大家分享一篇快速解決ajax返回值給外部函數(shù)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Ajax.基礎(chǔ)教程 電子書(shū)版 提供下載...2007-02-02
ajax刷新是一種用戶體驗(yàn)良好的刷新方式,這篇文章主要介紹了ajax異步請(qǐng)求刷新,感興趣的小伙伴們可以參考一下2016-08-08
ajax實(shí)現(xiàn)城市三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)城市三級(jí)聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
在(ASP/PHP/JSP/html/js)中禁止ajax緩存的方法集錦
禁止ajax緩存最簡(jiǎn)單的辦法就是在js端直接生成一個(gè)隨機(jī)數(shù)了，但是有時(shí)會(huì)發(fā)現(xiàn)此方法不適用于post了，如果我們要禁止post 提交數(shù)據(jù)的ajax緩存需要怎么處理呢，下面我整理了很多關(guān)于禁止ajax緩存的例子2014-08-08
這篇文章主要介紹了ajax調(diào)用中ie緩存問(wèn)題解決方法,較為詳細(xì)的分析了ajax調(diào)用中ie緩存機(jī)制的原理與具體解決方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
JavaScript操作表單_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
用JavaScript操作表單和操作DOM是類似的，因?yàn)楸韱伪旧硪彩荄OM樹(shù)。下面通過(guò)本文給大家介紹JavaScript操作表單的相關(guān)知識(shí)，感興趣的朋友一起看看吧2017-06-06
本篇文章主要是對(duì)Ajax級(jí)聯(lián)菜單的實(shí)例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02