写一个登录页面,用jQuery的ajax提交登录信息

发布网友发布时间：2022-04-26 23:31

共4个回答

热心网友时间：2022-04-10 12:45

// 登陆
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=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

热心网友时间：2022-04-10 14:03

可以写一个点击提交按钮的事件

$(function(){
$('#id').click(function(){
var name = $('#username').val();
var password= $('#password').val();

var ajaxurl = '提交处理的文件'；//比如test.php
$.ajax({
type:"POST",
url:ajaxurl,
dataType:"JSON",
data:{username:username,password:password},
success:function(data){
if(data.status == 1){
alert(data.msg);
......
}else{
......

}
}
})
})

})

热心网友时间：2022-04-10 15:37

html页面：
<div id='login'><form id="form">
<input id='name'/>
<input id='password'/>
<input type='button' onclick='tj();'/>
</form></div>。

脚本：
function tj(){$.ajax({url: "login.do", data:$("form").serialize(), dataType:'json',type:'post', success:function(data){ var h="<p>用户名："+data.name+"欢迎来到XXX" $("#login").html(h) ;} 。

// 登陆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)。

以上是一个登录的Ajax方法，参数说明

url: 请求的链接地址

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

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

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

热心网友时间：2022-04-10 17:29

html页面：
<div id='login'><form id="form">
<input id='name'/>
<input id='password'/>
<input type='button' onclick='tj();'/>
</form></div>

脚本：
function tj(){
$.ajax({
url: "login.do",
data:$("form").serialize(),
dataType:'json',
type:'post',
success:function(data){
var h="<p>用户名："+data.name+"欢迎来到XXX"
$("#login").html(h) ;}
})
}