2013-04-13 41 views
1

我想在用戶點擊一個按鈕後加載json文件,不知道該怎麼做。點擊按鈕後加載json

如果我直接加載文件,它將使用以下加載。

<script src="data.json" type="text/javascript"></script> 

但我希望用戶在加載之前單擊按鈕,而不是在訪問頁面時加載。

謝謝

+0

使用以下內容? – dbf

+0

對不起剛剛更新它,第一次使用該網站。 @dbf – user2278544

+0

@ user2278544,能幫我解答嗎? – cereallarceny

回答

2

簡單:使用AJAX。它會加載任何你想要通過JavaScript,你可以分配時間。在本例中,我們將click事件附加到#myButton,當事件觸發時,我們運行getJSON()調用URL並相應地處理數據。

HTML

<button id="myButton">Button</button> 

使用Javascript(jQuery的在我的例子)

$("#myButton").on('click', function() { 
    $.getJSON("data.json", function(data) { 
     //Handle my response 
     alert(data); 
    }); 
}); 

如果你想不使用jQuery然後Google "Javascript AJAX"一個例子。

+0

是的,謝謝。我其實需要getcript而不是getjson,因爲我意識到data.json不是正確的json格式,而是正確的javascript格式。感謝您的幫助。 – user2278544

+0

@cereallarceny從你回答。當它有條件需要在獲取警報數據之前序列化一個從1開始的序列化數據時,只需在代碼'$ .getJSON'前添加'$(「#atextboxdata」)。serialize();''。 –