Question

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

Answer 1

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

Answer 2

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

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

}
}
})
})

})

Answer 3

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

Answer 4

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) ;}
})
}