資訊專欄INFORMATION COLUMN
摘要：同時我發(fā)現(xiàn)在的官網(wǎng)教程中有一部分是專門講解數(shù)據(jù)異步加載的，這里面同時也提到了，后來是在的網(wǎng)絡(luò)中發(fā)現(xiàn)了如下的信息這才完成確定是因為無法獲取到文件，因此在百度上搜了半天。解決結(jié)果最終在百度上搜到簡書上的一個方法。
JavaScript加載json數(shù)據(jù)錯誤解決
??這個問題花了一天才解決，必須將這個悲傷的經(jīng)歷記錄下來。
引言
??這兩天為了完成物聯(lián)網(wǎng)實時數(shù)據(jù)分析服務(wù)前端可視化的設(shè)計，需要用到Echarts擴展的百度地圖API來完成熱力圖的顯示，因此到Echarts官網(wǎng)去看demo，然后copy了demo上的代碼直接放到JSP文件中，有興趣可以去Echarts官網(wǎng)去找。然而，我的問題出現(xiàn)在，其源碼中是用jQuery+xajax中的方法$.get()來獲取本地的json文件，但是我將項目發(fā)布到Tomcat上的時候無法獲取到j(luò)son文件，提示http500error。
問題查詢過程
一開始并不知道是json文件無法獲取，以為是引用的jQuery.js文件不成功，但是在瀏覽器f12控制臺中無任何錯誤。同時我發(fā)現(xiàn)在Echarts的官網(wǎng)教程中有一部分是專門講解數(shù)據(jù)異步加載的，這里面同時也提到了￥$.get()，后來是在f12的網(wǎng)絡(luò)中發(fā)現(xiàn)了如下的信息：
這才完成確定是因為Tomcat無法獲取到j(luò)son文件，因此在百度上搜了半天。
解決結(jié)果
最終在百度上搜到簡書上的一個方法https://www.jianshu.com/p/a7a...。
在web.xml配置文件中添加以下代碼：
default /json/*
我的maven springmvc項目目錄如下：
深入理解
??接下來我還需要了解一下
解決：Servlet-mapping是什么都可以在其他博客上找到，其實上述的方法就是配置了Servlet來找到j(luò)son靜態(tài)文件，
??在后期的工作中會將項目放到服務(wù)器上，會不會還會出什么問題，都需要進一步了解。待續(xù)。。。項目托管在碼云上。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/76575.html
摘要：包含基于和標(biāo)準(zhǔn)的表示使用進行動態(tài)顯示和交互使用與服務(wù)器進行異步通信使用綁定一切。重定向表示要完成請求，需要進一步操作。方法可將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦ο蟆? 一. 什么是Ajax？？？ 術(shù)語Ajax用來描述一組技術(shù)，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。 Ajax它是Asynchronous JavaScript + XML的簡寫 定義Ajax： ...
摘要：包含基于和標(biāo)準(zhǔn)的表示使用進行動態(tài)顯示和交互使用與服務(wù)器進行異步通信使用綁定一切。重定向表示要完成請求，需要進一步操作。方法可將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦ο蟆? 一. 什么是Ajax？？？ 術(shù)語Ajax用來描述一組技術(shù)，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。 Ajax它是Asynchronous JavaScript + XML的簡寫 定義Ajax： ...
摘要：包含基于和標(biāo)準(zhǔn)的表示使用進行動態(tài)顯示和交互使用與服務(wù)器進行異步通信使用綁定一切。重定向表示要完成請求，需要進一步操作。方法可將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦ο蟆? 一. 什么是Ajax？？？ 術(shù)語Ajax用來描述一組技術(shù)，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。 Ajax它是Asynchronous JavaScript + XML的簡寫 定義Ajax： ...
閱讀 2555·2023-04-26 00:56
閱讀 2009·2021-10-25 09:46
閱讀 1242·2019-10-29 15:13
閱讀 818·2019-08-30 15:54
閱讀 2199·2019-08-29 17:10
閱讀 2619·2019-08-29 15:43
閱讀 503·2019-08-29 15:28
閱讀 3031·2019-08-29 13:24
