ajax登陆的步骤有哪些?

2020-04-20 15:10:29 java常见问答 4671

每个程序员对于做个登陆的界面是一个非常容易的事情吧,小编今天给大家带来的知识就是ajax的登录的技能,今天就帮助大家温习下登陆的技能,使用ajax的方法来做一个登陆效果,接下来就跟着小编一起了解下吧。

开始的准备工作:导入jQuery的js文件,如果没有的话可以从官网上直接下载,如下引用jQuery的js文件的案列。

<script type=”text/javascript” src=”../js/jquery-3.5.0.min.js”></script>

Ajax的语法:$.ajax({name:value,name:value})。

相关的主要属性以及值所带代表的意义如下:

Async 是一个布尔值,表示请求是否异步。默认是true;

beforeSend(xhr) 发送请求前需要运行的函数;

Cache 是一个布尔值,表示浏览器是否缓存被请求的页面;

Data 规定要发送到服务器的数据;

Url 规定发送请求的URL。默认是当前页面;

Timeout 设置本地请求超时的时间;

Success(result,status,xhr) 当请求成功的时候将要运行的函数;

Type 请求数据类型;

接下来通过实例来展示一个ajax做的登陆效果:

Controller层代码的展示:

ajax登录

Html代码的展示:

ajax登录

ajax登录

在浏览器中,敲地址栏,来展示登陆页面的效果:

ajax登录

以上就是ajax的登陆,不知道有哪个步骤有没有出错,跟着小编的步骤做一个简单的登陆页面的实现,是否了解了呢?今天小编所讲的有关Java入门的知识是否了解了,多进行练习,正所谓熟能生巧,想要了解更多信息,请关注本网站哦。