2016-02-25 47 views
0

我目前正在開發一個基本上顯示傳感器數據的網站。該網站必須有圖表,我想使用HighChart折線圖。由於網站沒有太多內容,我決定將所有動作都做成一頁(圖表,表格......)。所以這個頁面有很多部分。爲了避免這種混亂,我想在另一個HTML文件中構建圖形部分,並通過JQuery加載函數在主頁面中使用它。我知道如何顯示或使用其他代碼的唯一方法就是這樣。使用JQuery加載函數有什麼缺點嗎?

例如:

$('.sampleDiv').load('sampleHtmlFile'); 

而且問題開始。我不確定這種方式是否會影響整個頁面及其精心設計的結構。對開發者來說這是不好的做法嗎?是否有任何理由或不這樣使用加載函數?也許另一種方式來處理這個問題...

順便說一下,我太新的Web開發。

+1

概念很好。您所描述的是*「單頁應用程序(SPA)」*儘管需要考慮SEO和書籤功能 – charlietfl

+1

如果頁面不太大,則DOM的重新格式化應該沒問題。 SEO確實是一個問題。您可以鏈接到隱藏div的內容,以便谷歌遵循 – mplungjan

+0

這實際上是本地項目。所以在這種情況下,SEO並不太重要。我對嗎? – kimdirbilmem

回答

1

我不會推薦使用jQuery的load加載依賴於javascript(我假設你想使用http://www.highcharts.com/)的網頁。
特別是作爲一個初學者,你會遇到很多問題這樣做。

更多信息:
​​不是別的,只是一個Ajax調用 - 你碰上通過AJAX加載新javascript腳本的頁面的問題。
瀏覽器不能因此瀏覽器處理請求就像是同步的,您會收到這樣的警告本身正確處理通過AJAX加載腳本:

同步在主線程中的XMLHttpRequest是因爲它已過時對最終用戶的體驗造成不利影響。

爲了防止出現這種情況,您需要使用類似jQuery.getScript()的文件來加載外部JavaScript文件​​。

TL; DR:
我不會建議加載HTML文件,其中包括外部JavaScript文件時你是一個初學者。您可能會遇到很多麻煩 - 從缺少依賴關係到處理像同步請求這樣的ajax請求的瀏覽器。

+0

所以,如果我正確應用這種方式,它是okey。但問題是,我可以處理這個,因爲我是初學者......對嗎? – kimdirbilmem

+0

@ kimdirbilmem好吧,我想你只需要在''.load()''''''''''.getScript()''''''你的html文件中加入你需要的每個外部javascript文件。那麼你大部分都應該沒問題。 –

+0

奧奇,我感謝你... – kimdirbilmem

相關問題