前后端完全分离使用Ajax的使用及跨域问题/Session的数据共享

最新推荐文章于 2024-07-31 20:11:27 发布

Stitch__

最新推荐文章于 2024-07-31 20:11:27 发布

阅读量1.4k

点赞数 1

本文链接：https://blog.csdn.net/Stitch__/article/details/89382763

版权

本文探讨了在前后端完全分离的项目中，如何使用Ajax以及遇到的跨域问题。通过设置Access-Control-Allow-Origin头解决跨域，使用SpringBoot的@CrossOrigin注解或自定义Filter进行安全配置。同时，文章还讨论了Session数据共享问题，解释了其原因，并介绍了SpringBoot的解决策略，包括前端Ajax设置和后端Filter的配置来确保跨域请求中sessionID的一致性。

摘要由CSDN通过智能技术生成

介绍在前后端完全分离的项目中的使用和相关的问题

Ajax 的使用：

基本格式：
$.ajax({name:value, name:value, ... })
1. url
2. fuction(rsp): 回调函数，以及接收后端传递的参数
3. data ：向后端传递的参数
4. type ：传递参数的方式 get/post/put
5.  contentType：发送数据到服务器时所使用的内容类型[注意]
默认是："application/x-www-form-urlencoded"。



博客链接：https://blog.csdn.net/qq_30938705/article/details/79455073

例如：
jQuery(document).ready(function(){
			//绑定事件用于向后端发送手机号获取验证码
            $("#getotp").on("click",function(){
            	$.ajax({
            		type:"get",
            		
            		url:"http://localhost:8080/getotp",
            		
            		async:true,
            		
            		data:{
            			"telphone":$("#telphone").val()
            		},
            		
            		success:function(data){