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