JavaScript加载json数据错误解决

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静态文件，
  在后期的工做中会将项目放到服务器上，会不会还会出什么问题，都须要进一步了解。待续。。。项目托管在码云上。