如何用jQuery技術(shù)實現(xiàn)一個登錄模塊？

div class="wrapper"

我們提供的服務(wù)有：網(wǎng)站設(shè)計、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、博野ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的博野網(wǎng)站制作公司

pspan用戶名：/spaninput type="" name="" id="user" value="" //p

pspan密碼：/spaninput type="password" name="" id="password" value="" //p

pbutton onclick="fn()"登錄/button/p

/div

script type="text/javascript"

function fn(){

var user = $("#user").val()

var Password = $("#password").val()

if(user Password){

//向后臺發(fā)送處理數(shù)據(jù)

$.ajax({

type: "POST", //用POST方式傳輸

dataType: "text", //數(shù)據(jù)格式:JSON

url: 'Login.ashx', //目標(biāo)地址

data: "user=" + user + "Password=" + Password, //用戶名和密碼傳給后臺

error: function (XMLHttpRequest, textStatus, errorThrown) { },

success: function (msg){

if(msg.flag == '0'){

alert("登錄成功")

}else{

alert("登錄失敗")

}

}

});

}else{

alert("用戶名或密碼不能為空")

return

}

}

/script

jquery 實現(xiàn)回車登錄詳解及實例代碼

jquery

實現(xiàn)回車登

1.button按鈕提交方式

//按鈕事件

$(‘#btnSumit‘).click(function()

{

alert(‘測試‘);

});

//回車提交事件

$("body").keydown(function()

{

if

(event.keyCode

==

"13")

{//keyCode=13是回車鍵

$(‘#btnSumit‘).click();

}

});

2.form表單提交方式

a.使用jquery

$("body").bind(‘keyup‘,function(event)

{

if(event.keyCode==13){

document.form.submit();

}

});

b.非jquery　

body

onkeyup="autosubmit()"http://添加監(jiān)聽事件

function

autosubmit(){//事件觸發(fā)函數(shù)

if(event.keyCode==13){

document.form.submit();

}

}

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

寫一個登錄頁面，用jQuery的ajax提交登錄信息

//?登陸

function?loginAjax(param)?{

var?self?=?this;

$.ajax({

type:?'post',

url:?'/user/login',

dataType:?'json',

data:?param,

success:?function(data)?{

},

error:?function(error)?{

console.log(error);

}

})

}

1.以上是一個登錄的Ajax方法，參數(shù)說明

url: ?請求的鏈接地址

data: 請求的參數(shù) 以json格式傳遞 例如：{username: 'name', password: '123456'}

type: 請求方法 ?常用的是 get 或者post ， 默認(rèn)為get請求。

dataType:?預(yù)期服務(wù)器返回的數(shù)據(jù)類型

2.以下是jQuery官方文檔中的一段ajax請求代碼：

$.ajax({

type:?"POST",

url:?"some.php",

data:?"name=Johnlocation=Boston",

success:?function(msg){

alert(?"Data?Saved:?"?+?msg?);

}

});