JavaScript加载json数据错误解决
这个问题花了一天才解决,必须将这个悲伤的经历记录下来。
- 引言
这两天为了完成物联网实时数据分析服务前端可视化的设计,需要用到Echarts扩展的百度地图API来完成热力图的显示,因此到Echarts官网去看demo,然后copy了demo上的代码直接放到JSP文件中,有兴趣可以去Echarts官网去找。然而,我的问题出现在,其源码中是用jQuery+xajax中的方法$.get()来获取本地的json文件,但是我将项目发布到Tomcat上的时候无法获取到json文件,提示http500error。
- 问题查询过程
一开始并不知道是json文件无法获取,以为是引用的jQuery.js文件不成功,但是在浏览器f12控制台中无任何错误。同时我发现在Echarts的官网教程中有一部分是专门讲解数据异步加载的,这里面同时也提到了¥$.get(),后来是在f12的网络中发现了如下的信息:
这才完成确定是因为Tomcat无法获取到json文件,因此在百度上搜了半天。
- 解决结果
最终在百度上搜到简书上的一个方法https://www.jianshu.com/p/a7a...。
在web.xml配置文件中添加以下代码:
<servlet-mapping> <!--解决了json无法调用的问题-->
<servlet-name>default</servlet-name>
<url-pattern>/json/*</url-pattern>
</servlet-mapping>
我的maven springmvc项目目录如下:
- 深入理解
接下来我还需要了解一下<servlet-mapping>在web.xml中的作用,和为什么Tomcat没有这一项设置就无法加载json文件?
解决:Servlet-mapping是什么都可以在其他博客上找到,其实上述的方法就是配置了Servlet来找到json静态文件,
在后期的工作中会将项目放到服务器上,会不会还会出什么问题,都需要进一步了解。待续。。。项目托管在码云上。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。