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

Posted 2023-03-10

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

参考技术A 可以写一个点击提交按钮的事件

$(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
......



)
)

) 参考技术B

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: 预期服务器返回的数据类型。

参考技术C 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) ;
)