如何用jQuery技术实现一个登录模块？

div class="wrapper"

我们提供的服务有：网站设计、成都做网站、微信公众号开发、网站优化、网站认证、博野ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的博野网站制作公司

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){

//向后台发送处理数据

$.ajax({

type: "POST", //用POST方式传输

dataType: "text", //数据格式:JSON

url: 'Login.ashx', //目标地址

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 实现回车登录详解及实例代码

jquery

实现回车登

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()"//添加监听事件

function

autosubmit(){//事件触发函数

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方法，参数说明

url:  请求的链接地址

data: 请求的参数 以json格式传递 例如：{username: 'name', password: '123456'}

type: 请求方法  常用的是 get 或者post ， 默认为get请求。

dataType: 预期服务器返回的数据类型

2.以下是jQuery官方文档中的一段ajax请求代码：

$.ajax({

type: "POST",

url: "some.php",

data: "name=Johnlocation=Boston",

success: function(msg){

alert( "Data Saved: " + msg );

}

});

分享名称：jquery登陆,jquery登陆注册django
文章转载：http://chengdu.cdxwcx.cn/article/hodpgs.html