Bir JSON URL'si Yükleme ve Web Sitesine Gönderme

Şu anda farklı kodlama yöntemlerini deniyorum, şu anda p5js.org'un ve ben json kodunun document.write kullanarak web siteme gönderilmesini göremiyorum, ancak konsola yazdırıyor. Herhangi bir fikir?Bir JSON URL'si Yükleme ve Web Sitesine Gönderme

var bibleVerse; 

function setup() { 
    loadJSON('http://labs.bible.org/api/?passage=votd&type=json', gotData, 'jsonp'); 
} 

function gotData(data){ 
    println(data); 
    bibleVerse = data; 
}  

document.write(bookname.chapter.verse.text);

kaynak

2016-03-22 Clarissa Griffin

Tam olarak ne yapmaya çalışıyorsunuz? Neden document.write' kullanmaya çalışıyorsunuz? Sayfaya bilgi yazmak istiyorsanız, 'document.write' kullanmayın, DOM (' .innerHTML' ve benzeri) kullanın. –

Ve 'document.write' kullanmaya çalışıyorsanız, neden paylaştığınız kodda herhangi bir yerde" document.write "görünmüyor? – Quentin

Günün ayetini web siteme göndermeye çalışıyorum. –

Bu, p5js'un çalıştığını varsayar.

document.write kullanmak yerine, web sayfanızdaki verileri görmek istediğiniz yeri belirlemeli ve verileri o öğeye eklemelisiniz. Bunu öğenin id kullanarak yapabilirsiniz. Sonra bununla document.write senin yerine

<p id="quote">Alternate Text</p>

document.getElementById("quote").innerHTML = data;

Hep birlikte, JS kodu olabilir koymak

Örneğin, bu paragrafın içine alıntı koymak istiyorum Şunlara benzer:

function setup() { 

    loadJSON('http://labs.bible.org/api/?passage=votd&type=json', gotData,  'jsonp'); 
} 
    function gotData(data){ 
    document.getElementById("quote").innerHTML = data; 
    // note: var bibleVerse is never used 
}

JS işlevlerinin başarısız olması durumunda Alternate Text var. Eğer web geliştirme yeniyseniz

Yan not: jQuery'nin $(document).ready() işlevini kullanmak istemiyorsanız, bu altındaki <body> içine senaryoyu JS koymak gerekir. Bu şekilde sayfanız ilk önce yüklenir, daha sonra JS yürütür. Eğer sırayla aracılığıyla bu kodu izlerseniz

kaynak

2016-03-22 16:42:43 UndoingTech

'innerHTML' ile dikkatli olun; metin HTML içeriği içeriyorsa, bundan kaçınılamaz. Metin içeriği için metin düğümlerini kullanmak daha güvenlidir. – Jacob

var bibleVerse; 

function setup() { 
    loadJSON('http://labs.bible.org/api/?passage=votd&type=json', gotData, 'jsonp'); 
} 

function gotData(data){ 
    println(data); 
    bibleVerse = data; 
}  

document.write(bookname.chapter.verse.text);

Aşağıdaki adımlar kapsamaz:

bir gotData fonksiyonunu beyan

bir bibleVerse değişken
bir setup fonksiyonunu beyan beyan
W Belgeye bookname.chapter.verse.text rite.

Bu işe yaramaz, çünkü: (Eğer koddan bu atlanmış sürece)

Hiçbir şey
document.write çalıştırılır gotData önce çalıştığı kurulum çağırıyor.
bookname tanımsızdır.
document.write doğru sırada gerçekleşse bile, sayfa bittikten sonra bu gerçekten desteklenmez.

seni öneriyorum:

ayet yapacak sayfadaki bir yer tutucu koyun (gibi <div id="verse"></div>)

document.addEventListener('load', setup);

setup

document.write

gotData

Örnek:

var textNode = document.createTextNode(data.bookname.chapter.verse.text); 
document.querySelector('#verse').appendChild(textNode);

kaynak

2016-03-22 18:35:50 Jacob

Bir JSON URL'si Yükleme ve Web Sitesine Gönderme

cevap

İlgili konular