JavaScript加载json数据错误解决

cppprimer 发布于2019-08-19 10:51 / 1593人阅读

摘要：同时我发现在的官网教程中有一部分是专门讲解数据异步加载的，这里面同时也提到了，后来是在的网络中发现了如下的信息这才完成确定是因为无法获取到文件，因此在百度上搜了半天。解决结果最终在百度上搜到简书上的一个方法。

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配置文件中添加以下代码：

     
    default
    /json/*

我的maven springmvc项目目录如下：

深入理解

接下来我还需要了解一下在web.xml中的作用，和为什么Tomcat没有这一项设置就无法加载json文件？
解决：Servlet-mapping是什么都可以在其他博客上找到，其实上述的方法就是配置了Servlet来找到json静态文件，
在后期的工作中会将项目放到服务器上，会不会还会出什么问题，都需要进一步了解。待续。。。项目托管在码云上。

混合云服务器托管 json格式错误解决 js动态加载json数据 javascript遍历json数据加载错误

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/76575.html

JavaScript加载json数据错误解决

摘要：同时我发现在的官网教程中有一部分是专门讲解数据异步加载的，这里面同时也提到了，后来是在的网络中发现了如下的信息这才完成确定是因为无法获取到文件，因此在百度上搜了半天。解决结果最终在百度上搜到简书上的一个方法。 JavaScript加载json数据错误解决这个问题花了一天才解决，必须将这个悲伤的经历记录下来。引言这两天为了完成物联网实时数据分析服务前端可视化的设计，需要用到...

biaoxiaoduan 2019-07-23 18:24 评论0 收藏0
Web前端经典面试试题（三）

摘要：包含基于和标准的表示使用进行动态显示和交互使用与服务器进行异步通信使用绑定一切。重定向表示要完成请求，需要进一步操作。方法可将一个函数的对象上下文从初始的上下文改变为由指定的新对象。一. 什么是Ajax？？？术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。 Ajax它是Asynchronous JavaScript + XML的简写定义Ajax： ...

DrizzleX 2019-08-02 11:49 评论0 收藏0
Web前端经典面试试题（三）

摘要：包含基于和标准的表示使用进行动态显示和交互使用与服务器进行异步通信使用绑定一切。重定向表示要完成请求，需要进一步操作。方法可将一个函数的对象上下文从初始的上下文改变为由指定的新对象。一. 什么是Ajax？？？术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。 Ajax它是Asynchronous JavaScript + XML的简写定义Ajax： ...

JackJiang 2019-08-29 17:05 评论0 收藏0
Web前端经典面试试题（三）

摘要：包含基于和标准的表示使用进行动态显示和交互使用与服务器进行异步通信使用绑定一切。重定向表示要完成请求，需要进一步操作。方法可将一个函数的对象上下文从初始的上下文改变为由指定的新对象。一. 什么是Ajax？？？术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。 Ajax它是Asynchronous JavaScript + XML的简写定义Ajax： ...

HtmlCssJs 2019-08-23 12:32 评论0 收藏0
Web前端经典面试试题（三）

摘要：包含基于和标准的表示使用进行动态显示和交互使用与服务器进行异步通信使用绑定一切。重定向表示要完成请求，需要进一步操作。方法可将一个函数的对象上下文从初始的上下文改变为由指定的新对象。一. 什么是Ajax？？？术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。 Ajax它是Asynchronous JavaScript + XML的简写定义Ajax： ...

罗志环 2019-08-05 15:16 评论0 收藏0