ajax 登錄功能簡單實現(xiàn)(未連接數(shù)據(jù)庫)
更新時間:2013年05月21日 16:21:57 作者:
未連接數(shù)據(jù)庫下實現(xiàn)ajax 登錄功能判斷登陸成功與失敗,喜歡ajax的朋友可以參考下哈,希望對大家有所幫助
簡單的登錄功能(未連接數(shù)據(jù)庫)
<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 "登陸失??!"; }
}
復制代碼 代碼如下:
<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ù)庫中隨機讀取5條數(shù)據(jù)動態(tài)在頁面中刷新
- ajax+asp無限級分類樹型結(jié)構(gòu)(帶數(shù)據(jù)庫)
- ajax php 實現(xiàn)寫入數(shù)據(jù)庫
- AJAX自學練習 無刷新從數(shù)據(jù)庫后臺取數(shù)據(jù)顯示
- AJAX 自學練習 無刷新提交并修改數(shù)據(jù)庫數(shù)據(jù)并顯示
- 基于asp+ajax和數(shù)據(jù)庫驅(qū)動的二級聯(lián)動菜單
- ASP+AJAX+ACCESS數(shù)據(jù)庫實例講解三個步驟分享
- ajax異步刷新實現(xiàn)更新數(shù)據(jù)庫
- ajax對注冊名進行驗證檢測是否存在于數(shù)據(jù)庫中
- ajax讀取數(shù)據(jù)庫內(nèi)容實現(xiàn)二級聯(lián)動下拉選擇菜單示例
- jquery+ajax+C#實現(xiàn)無刷新操作數(shù)據(jù)庫數(shù)據(jù)的簡單實例
- Ajax動態(tài)加載數(shù)據(jù)庫示例
- 使用wordpress的$wpdb類讀mysql數(shù)據(jù)庫做ajax時出現(xiàn)的問題該如何解決
相關(guān)文章
ajax jquery校驗用戶是否已經(jīng)注冊演示代碼
用戶是否已經(jīng)注冊的判斷方法有很多,在本文將為大家詳細介紹下如何使用ajax jquery來實現(xiàn),感興趣的朋友可以參考下2013-10-10使用AjaxFileUpload.js實現(xiàn)異步文件上傳示例
AjaxFilleUpload.js可以使得我們不用去管理Iframe的一系列操作,也不用影響我們的頁面結(jié)構(gòu),實現(xiàn)異步的文件提交2014-05-05