данные формы прохода как url ​​к методу d3.json

Question

У меня есть HTML-форма, которая имеет один вход. Этот вход я хотел бы быть URL-адресом, из которого метод D3.json будет использовать его для построения иллюстрации.

Мне интересно, как я могу передать этот вход? Я полагаю, что действие формы может помочь, но я не знаю, как передавать переменные, используя это.

Answer 1

Вы можете просто прочитать value свойство ввода и передать в d3.json ...

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

редактирует

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>