成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JavaScript加載json數(shù)據(jù)錯(cuò)誤解決

cppprimer / 1821人閱讀

摘要:同時(shí)我發(fā)現(xiàn)在的官網(wǎng)教程中有一部分是專門(mén)講解數(shù)據(jù)異步加載的,這里面同時(shí)也提到了,后來(lái)是在的網(wǎng)絡(luò)中發(fā)現(xiàn)了如下的信息這才完成確定是因?yàn)闊o(wú)法獲取到文件,因此在百度上搜了半天。解決結(jié)果最終在百度上搜到簡(jiǎn)書(shū)上的一個(gè)方法。

JavaScript加載json數(shù)據(jù)錯(cuò)誤解決

??這個(gè)問(wèn)題花了一天才解決,必須將這個(gè)悲傷的經(jīng)歷記錄下來(lái)。

引言

??這兩天為了完成物聯(lián)網(wǎng)實(shí)時(shí)數(shù)據(jù)分析服務(wù)前端可視化的設(shè)計(jì),需要用到Echarts擴(kuò)展的百度地圖API來(lái)完成熱力圖的顯示,因此到Echarts官網(wǎng)去看demo,然后copy了demo上的代碼直接放到JSP文件中,有興趣可以去Echarts官網(wǎng)去找。然而,我的問(wèn)題出現(xiàn)在,其源碼中是用jQuery+xajax中的方法$.get()來(lái)獲取本地的json文件,但是我將項(xiàng)目發(fā)布到Tomcat上的時(shí)候無(wú)法獲取到j(luò)son文件,提示http500error。

問(wèn)題查詢過(guò)程

一開(kāi)始并不知道是json文件無(wú)法獲取,以為是引用的jQuery.js文件不成功,但是在瀏覽器f12控制臺(tái)中無(wú)任何錯(cuò)誤。同時(shí)我發(fā)現(xiàn)在Echarts的官網(wǎng)教程中有一部分是專門(mén)講解數(shù)據(jù)異步加載的,這里面同時(shí)也提到了¥$.get(),后來(lái)是在f12的網(wǎng)絡(luò)中發(fā)現(xiàn)了如下的信息:

這才完成確定是因?yàn)門(mén)omcat無(wú)法獲取到j(luò)son文件,因此在百度上搜了半天。

解決結(jié)果

最終在百度上搜到簡(jiǎn)書(shū)上的一個(gè)方法https://www.jianshu.com/p/a7a...。

在web.xml配置文件中添加以下代碼:

     
    default
    /json/*
  

我的maven springmvc項(xiàng)目目錄如下:

深入理解

??接下來(lái)我還需要了解一下在web.xml中的作用,和為什么Tomcat沒(méi)有這一項(xiàng)設(shè)置就無(wú)法加載json文件?
解決:Servlet-mapping是什么都可以在其他博客上找到,其實(shí)上述的方法就是配置了Servlet來(lái)找到j(luò)son靜態(tài)文件,
??在后期的工作中會(huì)將項(xiàng)目放到服務(wù)器上,會(huì)不會(huì)還會(huì)出什么問(wèn)題,都需要進(jìn)一步了解。待續(xù)。。。項(xiàng)目托管在碼云上。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/76575.html

相關(guān)文章

  • Web前端經(jīng)典面試試題(三)

    摘要:包含基于和標(biāo)準(zhǔn)的表示使用進(jìn)行動(dòng)態(tài)顯示和交互使用與服務(wù)器進(jìn)行異步通信使用綁定一切。重定向表示要完成請(qǐng)求,需要進(jìn)一步操作。方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦?duì)象。 一. 什么是Ajax??? 術(shù)語(yǔ)Ajax用來(lái)描述一組技術(shù),它使瀏覽器可以為用戶提供更為自然的瀏覽體驗(yàn)。 Ajax它是Asynchronous JavaScript + XML的簡(jiǎn)寫(xiě) 定義Ajax: ...

    DrizzleX 評(píng)論0 收藏0
  • Web前端經(jīng)典面試試題(三)

    摘要:包含基于和標(biāo)準(zhǔn)的表示使用進(jìn)行動(dòng)態(tài)顯示和交互使用與服務(wù)器進(jìn)行異步通信使用綁定一切。重定向表示要完成請(qǐng)求,需要進(jìn)一步操作。方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦?duì)象。 一. 什么是Ajax??? 術(shù)語(yǔ)Ajax用來(lái)描述一組技術(shù),它使瀏覽器可以為用戶提供更為自然的瀏覽體驗(yàn)。 Ajax它是Asynchronous JavaScript + XML的簡(jiǎn)寫(xiě) 定義Ajax: ...

    JackJiang 評(píng)論0 收藏0
  • Web前端經(jīng)典面試試題(三)

    摘要:包含基于和標(biāo)準(zhǔn)的表示使用進(jìn)行動(dòng)態(tài)顯示和交互使用與服務(wù)器進(jìn)行異步通信使用綁定一切。重定向表示要完成請(qǐng)求,需要進(jìn)一步操作。方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦?duì)象。 一. 什么是Ajax??? 術(shù)語(yǔ)Ajax用來(lái)描述一組技術(shù),它使瀏覽器可以為用戶提供更為自然的瀏覽體驗(yàn)。 Ajax它是Asynchronous JavaScript + XML的簡(jiǎn)寫(xiě) 定義Ajax: ...

    HtmlCssJs 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<