extjs前端POST、GET请求后端独立java项目接口,跨域问题如何解决

及乌foryou 2017-10-17 04:15:51
第一个GET请求 七整八整算是弄出来了


后端处理起来比较复杂:

上面的这个GET请求时成功的,就是比较复杂,我也不希望这样来处理

接下来才是我遇到的问题
现在需要编辑表单数据,即POST请求,依旧出现了跨域问题,请求代码 如下:


updataUser: function(button){
console.log('进入修改保存按钮');
var win = button.up('window'),
form = win.down('form'),
record = form.getRecord(),
values = form.getValues();
record.set(values);
//// this.getUsersStore().sync();

Ext.Ajax.request({
method : 'post',
type : 'jsonp',
url : 'http://127.0.0.1:8080/extJS/user/update',
async : false,
timeout : 60000,
scope : this,
param : {
id : record.data.id,
nama : record.data.name,
userName : record.data.userName,
age : record.data.age
},

//请求成功时回调函数
success : function() {
Ext.ux.Toast.msg("信息提示", "成功修改所选记录!");
},
//请求失败时回调函数
failure : function() {
Ext.ux.Toast.msg("信息提示", "信息修改出错,请联系管理员!");
}
});
win.close();

}

页面的返回结果如下:

F12如下: 按钮事件进来了


那个POST接口写得很简单的:
	@RequestMapping("/update")
@ResponseBody
public int updateUser(User user) throws IOException{
int result = userService.updateOne(user);
return result;
}



大神求教 主要是extjs的跨域访问问题
...全文
1182 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
及乌foryou 2017-10-20
  • 打赏
  • 举报
回复
自己也解决了,后端加了过滤器,允许跨域访问
及乌foryou 2017-10-20
  • 打赏
  • 举报
回复
大哥,你发的链接是本页的啊
  • 打赏
  • 举报
回复
跨域要么jsonp,要么你通网站做代理页面,没什么好办法,除非你自己开发一个浏览器 如果不考虑ie10-(要用XDomainRequest对象,需要做兼容),被请求页面可以设置 Access-Control-Allow-Origin响应头允许哪些域名请求
flappyfish 2017-10-17
  • 打赏
  • 举报
回复
js有跨域限制,要么像你这样前端采用jsonp的方式,要么在后端解决,详细参考:http://bbs.csdn.net/topics/392275052

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧