ajax如何登录post,Ajax之——$post登录的使用方式

实例

html>

ajax登录界面-$post

用户登录

邮箱

密码

登录

/**

* $_post():jquery处理ajax中的post请求

* 基本语法:$.post(url, data, success, dataType)

* 参数说明:

* url: 请求的地址

* data: 需要发送到服务器端的数据

*

* success(data,status,xhr): 执行成功的回调函数,

* 回调参数: 1.data: 从服务器端返回的数据

*  2.status: 当前请求的状态

*  3.xhr: ajax对象

* 通常我们只关心返回的数据:data

*

* dataType: 从服务器返回数据的格式

* xml, html, script, json, text, _default

* 通常是'json',可省略,由系统自动判断

*

*/

$('button:first').click (function(){

//1.ajax-post提交的地址

var url = '../ajax/api/user.php?m=login'

//2.要提交到服务器的数据

var data = {

"email": $('#email').val(),

"password": $('#password').val()

}

//3.设置执行成功的回调函数

var success = function(res){

if (res == '1') {

$('#tips').text('登录成功,正在跳转中...')

setTimeout(function(){

location.href = '../ajax/api/index.php'

},2000)

} else {

$('#tips').text('邮箱或密码错误,请重新输入...')

$('#email').focus()

setTimeout("$('#tips').empty()",2000)

}

}

//4.设置返回的数据格式为:json

var dataType = 'json'

//5.调用全局函数$.post()执行post请求

$.post(url, data, success, dataType)

//禁用默认提交

return false

})

运行实例 »

点击 "运行实例" 按钮查看在线实例