Ajax概念:
是Web开发一个流行的词汇,全称AsynchronousJavaScript and XML,异步的JavaScript和XML。
ajax不是一种新语言。它是几种技术的综合使用。
ajax是一种技术。
ajax是一种在WEB应用程序中向服务器发送异步请求,接收异步响应的技术。
使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据!
同步:两个行为必须一前一后的完成。
异步:手拉手一起走。(你走你自己的,我走我自己的。)回去行为,两个可以同时做。
标准方式:同步方式
注册行为可以验证用户名是否可用:
1当前浏览没有中断。
2向服务器发送请求,验证用户名。(服务器上数据库中用户表)
$.ajax()
该方法用于执行Ajax请求,常用于其他jQuery Ajax方法不能完成的请求,也许我们可以把它称为"jQuery中Ajax系列方法之母"。
形式:$.ajax({name:val, name:val,…});
可选字段:
1)url:链接地址,字符串表示
2)data:需发送到服务器的数据,GET与POST都可以,格式为{A: ‘…’, B: ‘…’}
3)type:“POST” 或 “GET”,请求类型
4)timeout:请求超时时间,单位为毫秒,数值表示
5)cache:是否缓存请求结果,bool表示
6)contentType:内容类型,默认为"application/x-www-form-urlencoded"
7)dataType:服务器响应的数据类型,字符串表示;当填写为json时,回调函数中无需再对数据反序列化为json
8)success:请求成功后,服务器回调的函数
9)error:请求失败后,服务器回调的函数
10)complete:请求完成后调用的函数,无论请求是成功还是失败,都会调用该函数;如果设置了success与error函数,则该函数在它们之后被调用
11)async:是否异步处理,bool表示,默认为true;设置该值为false后,JS不会向下执行,而是原地等待服务器返回数据,并完成相应的回调函数后,再向下执行
12)username:访问认证请求中携带的用户名,字符串表示
13)password:返回认证请求中携带的密码,字符串表示
$.ajax({
url: '链接地址,字符串表示',
type: 'POST',
data: {
uname: username2,
upassword: password2
},
success: function(res) {
console.log('请求成功!', res);
if (res == '1') {
alert('注册成功!');
// 注册成功后跳转
$(".login").css({ display: "block" });
$(".register").css({ display: "none" });
} else if (res == '0') {
alert('注册失败!');
}
},
error: function(e) {
console.log('请求错误');
}
});