ajax使用

基本格式

1.在页面中编写发送请求的方法,点击事件来完成,选中对应的按钮( $ (“选择器”)),再去添加点击事件,$.ajax()函数发送异步请求。
2.JQuery封装了一个函数,称之为 $ .ajax()函数,通过对象调用ajax()函数,可以异步加载相关的请求。依靠的是javascript提供的一个对象XHR(XmlHttpResponse),封装了这个对象。
3.ajax()使用方式。需要传递一个方法体作为方法的参数来使用,一对大括号称之为方法体。ajax接收多个参数,参数与参数之间要求使用“,”进行分割,每一组参数之间使用“;”进行分割,参数的组成部分一个是参数的名称(不能随意的定义),是参数的值,参数的值要求是用字符串来标识。语法结构:

$.ajax({
	url:"",
	type:"",
	data:"",
	dataType:"",
	success:function(){
	},
	error:function(){
	}
});

参数的顺序没有要求

Ajax()函数参数的含义

参数功能描述
url表示请求的地址(URL)地址,不能包含参数列表部分的内容例如url:localhost:8080/users/reg
type请求类型(GET和POST请求的类型),例如:type:”POST”
data向指定的请求url地址提交的数据,例如data:”username=tom&pwd=123”
dataType提交的数据的类型。数据的类型一般指定为json类型,dataType:”json”
success当服务器正常响应客户端时会自动调用success参数的方法,并且将服务器返回的数据以参数的形式传递给这个方法的参数上
error当服务器未响应客户端时会自动调用error参数的方法,并且将服务器返回的数据以参数的形式传递给这个方法的参数上

注意:在登录的方法中将数据封装在session对象中。服务器自动创建有session对象,已经是一个全局的session对象。SpringBoot直接使用session对象,直接将HttpSession类型的对象作为处理方法的参数,会自动将全局的session对象注入到请求处理方法的session形参上。

拦截器

首先将所有的请求统一拦截到拦截器中,可以拦截器中来定义过滤的规则,如果不满足系统的设置的过滤规则,统一的处理是重新去打开login.html页面(重定向和转发),推荐使用重定向。
在SpringBoot项目中拦截器的定义和使用,SpringBoot是依靠springMVC来完成的。SpringMVC提供了一个HandlerInterceptor接口,用于表示定义一个拦截器。受限制自定义个类,在这个类实现这个接口。

  1. 首先自定义一个类,在这个类实现HandlerInterceptor接口。
  2. 注册过滤器,添加白名单(哪些资源可以在不登录的情况下访问:login.html\register.html\login\reg\index.html\product.html)
    添加黑名单(在用户登录的状态下才可以访问的页面资源)。
  3. 注册过滤器的技术:借助WebMvcConfigure接口,可以将用户定义的拦截器进行注册,才可以保证拦截器能够生效和使用。定义一个类,然后让这个类实现WebMvcConfigure接口。配置信息,建议存放在项目的config包结构下。
  4. 提示重定向次数过多,login.html页面无法打开。将浏览器cookie请求,再将浏览器设置为初始设置

在ajax函数中data参数的数据设置的方式

data:$("form表单选择").serialize()//当参数过多并且在同一个表单中,字符串的提交等
data:new FormData($("form表单选择")[0])//只适用提交文件
data:"username=Tom"//适合参数值固定并且参数值列表有限,可以进行手动拼接

let user = "Tom"
data: "username"+user
//适用JSON格式提交数据
Data:{
	"username":"Tom",
	"age":18,
	"sex":0
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

协奏曲❤

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值