jquery登陆,jquery登陆注册django

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

div class="wrapper"

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

相关问答

Q1: 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();

}

}

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

Q2: 写一个登录页面，用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 );

   }

});