jQuery的Ajax语法和简介

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('请求错误');
                }
            });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值