2016-04-10 28 views
0

Tek girişli bir HTML formum var. Bu girdi, D3.json yönteminin bir örnek oluşturmak için veri alacağı bir URL olmak istiyorum.form form verilerini d3.json yöntemine aktar.

Bu girişi nasıl aktarabilirim? Sanırım formun eylemi yardımcı olabilir, ancak bunu kullanarak değişkenleri nasıl geçeceğimi bilmiyorum.

cevap

2

sadece girdinin value özelliğini okuyup d3.json o geçebilir ...

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

DÜZENLEMELER

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>

+0

Tamam, ama nasıl I do teslim edilmek için bir eylem yapmak? – kaboom

+0

@kaboom, buradaki amacınız nedir? “Gönder” form verilerinin sunucuya geri gönderilmesi ve dürüst olması gerekirse, bu JavaScript ağır dünyasında artık çok fazla kullanılmadıkları görülmüyor. Sadece bir metin kutunuz varsa ve daha sonra bir işlem yapmak için bir düğme istiyorsanız, bunu yapın, formu unutun. Yukarıdaki düzenlemelere bakın ... – Mark

+0

hedef, giriş alanındaki URL'den ne olursa olsun geri dönen bir grafik çizmektir. – kaboom