spring boot 解决Ajax 跨域问题
Ajax 跨域 请求 spring boot 的跨域问题
Ajax 跨域请求spring boot 时 前端报错
出现跨域错误
后端代码
@RequestMapping("/getArticles")@ResponseBodypublic JSONObject toArticle(@RequestParam(value = "page") int currentPage){if(currentPage == 0){currentPage = 1;}JSONObject jsonObject = new JSONObject();ArticlePage articlePage = new ArticlePage(currentPage,10);Page<Article> page = articleServiceImp.getUserPageWrapperPage(articlePage);List<Article> articleList = page.getRecords();jsonObject.put("articles", articleList);jsonObject.put("page", 1);jsonObject.put("code",200);jsonObject.put("status",constantPool.success);return jsonObject;}
前端代码
$.ajax({url:"http://127.0.0.1:8080/getArticles?page="+page,methed:"post",success: function (data) {console.log(data)//假设你的列表返回在data集合中layui.each(data, function(index, item){lis.push('<li>'+ item.title +'</li>');}); //执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页//pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多next(lis.join(''), page < res.pages); },error:function(res){}})
问题比较简单 但是也比较折磨
解决方法
你没看错 就是加一个 @CrossOrigin
注解
@RequestMapping("/getArticles")@ResponseBody@CrossOriginpublic JSONObject toArticle(@RequestParam(value = "page") int currentPage){if(currentPage == 0){currentPage = 1;}JSONObject jsonObject = new JSONObject();ArticlePage articlePage = new ArticlePage(currentPage,10);Page<Article> page = articleServiceImp.getUserPageWrapperPage(articlePage);List<Article> articleList = page.getRecords();jsonObject.put("articles", articleList);jsonObject.put("page", 1);jsonObject.put("code",200);jsonObject.put("status",constantPool.success);return jsonObject;}
已解决
spring boot 解决Ajax 跨域问题相关推荐
- 用iframe设置代理解决ajax跨域请求问题
用iframe设置代理解决ajax跨域请求问题 参考文章: (1)用iframe设置代理解决ajax跨域请求问题 (2)https://www.cnblogs.com/ranzige/p/370965 ...
- 解决AJAX跨域WCF的问题详解
解决AJAX跨域WCF的问题详解 参考文章: (1)解决AJAX跨域WCF的问题详解 (2)https://www.cnblogs.com/jooucks/p/7159147.html 备忘一下.
- 使用SpringMVC解决Ajax跨域问题
使用SpringMVC解决Ajax跨域问题 参考文章: (1)使用SpringMVC解决Ajax跨域问题 (2)https://www.cnblogs.com/mengyao/p/6294787.ht ...
- php json -gt;访问,【转】Php+ajax+jsonp解决ajax跨域问题
首先:jsonp是json用来跨域的一个东西. 原理是通过script标签的跨域特性来绕过同源策略. 发送端: $.ajax({ type : "post", url : &quo ...
- jsonp解决ajax跨域问题,用JSONP解决ajax跨域问题
JSONP:JSON With Padding 要点: 1.script标签 2.用script标签加载资源是没有跨域问题的 概要: 在资源加载进来之前先定义一个函数,这个函数接受一个参数(数据),函 ...
- 如何解决ajax跨域问题(转)
由 于此前很少写前端的代码(哈哈,不合格的程序员啊),最近项目中用到json作为系统间交互的手段,自然就伴随着众多ajax请求,随之而来的就是要解决 ajax的跨域问题.本篇将讲述一个小白从遇到跨域不 ...
- 如何解决ajax跨域问题
原文:http://www.congmo.net/blog/2012/06/27/ajax-cross-domain/ 跨域问题 起 因是这样的,为了复用,减少重复开发,单独开发了一个用户权限管理系统 ...
- [jQuery基础] jQuery案例 -- qq音乐以及初步解决Ajax 跨域问题
qq音乐案例 案例效果展示 案例效果结构划分 整体布局 歌曲条目部分 顶部栏 底部栏 歌词显示部分 案例实现功能 a. QQ音乐播放器静态页面布局 * 页面整体布局规划和实现 * 页面顶部布局和静态效 ...
- 本地主机作服务器解决AJAX跨域请求访问数据的方法
本地主机作服务器解决AJAX跨域请求访问数据的方法 参考文章: (1)本地主机作服务器解决AJAX跨域请求访问数据的方法 (2)https://www.cnblogs.com/QiScript/p/5 ...
最新文章
- JBPM4常见错误汇总
- 思科2950配置端口镜像
- linux中看挂载的磁盘用什么命令,使用Linux命令行挂载硬盘和分区 | MOS86
- python入门到精通自学_python入门到精通大型视频、自学者的福利
- Kotlin when 流程判断
- sklearn 安装_sklearn-classification_report
- pythonsuper函数_怎么使用python super函数调用父类
- WINFORM 调用 Close 不会释放窗体
- Java基础--成员变量和局部变量(区别、重名问题)
- 如何快速的打造python 版的vim ide
- 安卓apk的编译与反编译
- spring注解@Lazy
- Android资深开发者告诉你:简历这样写绝对吸引面试官眼球,面试电话接到手软
- Python练手项目:计算机自动还原魔方(1)顶部十字
- 【MOTRIX】使用motrix下载百度云文件
- Android 闹钟app 课程设计
- linksys 打印软件_Linksys固件DD-WRT BitTorrent优化
- TIPC Cluster5
- 永远不怕IE主页地址被修改
- 操盘手的灵魂 - 交易纪律