フォームデータをURLとしてd3.jsonメソッドに渡します

Question

私は1つの入力を持つHTMLフォームを持っています。この入力は、D3.jsonメソッドがイラストを作成するためのデータを取得するURLになりたいと思います。

私はこの入力をどのように渡すことができますか？ 私はフォームのアクションが助けることができると思うが、私はそれを使って変数を渡す方法を知らない。

Answer 1

あなただけの入力の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>