Pass Formulardaten als URL zu d3.json Methode

Question

Ich habe ein HTML-Formular, das einen Eingang hat. Diese Eingabe wäre eine URL, von der die D3.json-Methode ihre Daten zum Erstellen einer Illustration verwenden würde.

Ich frage mich, wie kann ich diesen Eingang weitergeben? Ich nehme an, dass die Aktion von form helfen kann, aber ich weiß nicht, wie ich Variablen übergeben kann.

Answer 1

Sie können nur die value Eigenschaft des Eingangs lesen und weitergeben, das zu 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>