博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery - Ajax和Tomcat跨域请求问题解决方法!
阅读量:4841 次
发布时间:2019-06-11

本文共 2234 字,大约阅读时间需要 7 分钟。

在JQuery里面使用Ajax和Tomcat服务器之间进行数据交互,遇到了跨域请求问题,无法成功得到想要的数据!

错误信息部分截图:

通过错误信息判断知道已经发生在Ajax跨域请求问题了!

当前Tomcat服务器,是一个已经存在的工程,有APP同这部分代码一同工作。我所做的是开发另外一款手机应用程序,并且使用已有的接口!在这种情况下,实现Ajax跨域请求,而且对目前源代码影响越小越好!怎样达到这样的目标?最终通过为Tomcat添加过滤器方式完成!

由于此项目是商业项目,服务器并不是我管理,所以无法提供具体代码和截图,具体实现根据下面这篇文章:

对于不了解JAVA开发朋友,可以通过下面文章了解一下Tomcat的过滤器:

最终,在服务器上面配置好过滤器,客户端通过JQuery Ajax可以和服务器交互数据了,下面是获取数据的部分截图:

我的JQuery Ajax页面代码:

    
JQuery跨域解决方法
服务器:Tomcat
操作时间: 
完成状态:
错误信息:
 

注意:得到返回JSON数据,在Ajax执行成功回调函数中,具体代码是:

//Ajax执行成功后调用的函数            function DoAjaxSuccess(data, status, jqxhr) {                //得到返回的JSON数据                var responseText = jqxhr.responseText;                //解析JSON数据                $.parseJSON(responseText);                //在Chrome浏览器控制台打印信息                console.log(responseText);                //在页面显示得到的数据                $("#ajax-responseData").html(responseText);                //恢复默认错误信息                $("#ajax-error").html("错误信息:");            }

common.js代码:这是上面文件里面引用的一个提供一些功能的JS文件

//补齐两位数function padleft0(obj) {    return obj.toString().replace(/^[0-9]{1}$/, "0" + obj);}//得到当天日期function GetCurTime() {    var nowtime = new Date();    var year = nowtime.getFullYear();    var month = padleft0(nowtime.getMonth() + 1);    var day = padleft0(nowtime.getDate());    var hour = padleft0(nowtime.getHours());    var minute = padleft0(nowtime.getMinutes());    var second = padleft0(nowtime.getSeconds());    var millisecond = nowtime.getMilliseconds();    millisecond = millisecond.toString().length == 1 ? "00" + millisecond : millisecond.toString().length == 2 ? "0" + millisecond : millisecond;    return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second + "." + millisecond;}

 

转载于:https://www.cnblogs.com/sunylat/p/9706507.html

你可能感兴趣的文章
第二次作业
查看>>
EBS R12.2.4 Changing IP
查看>>
【ACM】hdu_zs2_1005_Problem E _201308030747
查看>>
Finagle悲催的测试,悲催的服务端架构
查看>>
Raab判别法确定级数是否收敛
查看>>
警报系统--时间段计算
查看>>
【监控实践】【4.3】监控作业(使用数据库邮件)
查看>>
automation(一)
查看>>
多个参数
查看>>
AI-Info-Micron-Insight:用内存解决方案演化神经网络智能
查看>>
杂项-Class:Class
查看>>
杂项:基金会
查看>>
[NOI2015]软件包管理器 树链剖分 + 线段树
查看>>
android手机号和密码输入框的一个范例
查看>>
socket套接字
查看>>
HBase表基本操作,读取和写入
查看>>
kendo-ui下拉树形选择(DropDownTreeView)
查看>>
TDDL DataSource
查看>>
第八周感想
查看>>
[资源共享]C#+AE构建GIS桌面端应用系统框架-全代码
查看>>