將表單數據作爲url傳遞給d3.json方法

我有一個HTML表單，它有一個輸入。這個輸入我想成爲一個URL，從中D3.json方法將它的數據用於構建一個插圖。將表單數據作爲url傳遞給d3.json方法

我在想如何通過這個輸入？我想表單的動作可以幫助，但我不知道如何使用它傳遞變量。

2016-04-10 kaboom

你可以只讀取輸入的value財產並傳遞到d3.json ...

var myUrl = d3.select('#myTextBox').property('value'); 
d3.json(myUrl, function(error, json) { 
    // do awesome stuff... 
});

EDITS

d3.select('#myButton').on('click', function(){ 
 
    var myUrl = d3.select('#myInput').property('value'); 
 
    d3.json(myUrl, function(error, json) { 
 
     if (error) throw(error); 
 
    }); 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> 
 
<input type="text" id="myInput" /> 
 
<button id="myButton">My Awesome Action!</button>

來源

2016-04-10 21:05:21 Mark

不錯，但我怎麼使其成爲提交時執行的操作？ – kaboom

@ kaboom，你最終的目標是什麼？ 'submit'用於將表單數據提交回服務器，說實話，在這個JavaScript重的世界裏，我似乎不再使用它了。如果你只是有一個文本框，然後想要一個按鈕來執行一些操作，只需做到這一點，忘記了形式。請參閱上面的編輯... – Mark

最終目標是從輸入字段中的URL返回的任何json繪製圖表。 – kaboom

將表單數據作爲url傳遞給d3.json方法

回答

相關問題