Javascript legge html dall'URL nella stringa

Question

Attualmente sto costruendo un sito che dovrebbe essere in grado di funzionare come un tipo di browser ftp. Fondamentalmente quello che ho è un server ftp con alcune immagini su di esso.

Quello che non riesco a capire è: se sfoglio questo sito FTP posso vedere la fonte del sito ftp (come si vede in alcuni browser), quello di cui ho bisogno è di salvare quella fonte in un modo stringa (usando javascript).

Il motivo è che creerò un qualche tipo di browser "immagine". Ho in programma di farlo leggendo il sorgente in una stringa, quindi copio tutte le fonti di immagini e uso innerHTML per creare un nuovo layout.

In breve: voglio leggere le informazioni da un URL e visualizzarle in un modo diverso.

---

Beh, non riesco a farlo funzionare. Il problema potrebbe essere che non posso usare scripting serveride. Sarebbe comunque possibile mettere un file sul server ftp che posso caricare in grado di caricare dinamicamente i dati nella stessa cartella? (quando dico FTP, in realtà intendo un server NAS con accesso FTP).

Answer 1

Non c'è molto da aggiungere a ciò che Niels e rich.okelly hanno detto. AJAX è la tua strada da percorrere.

Occorre tuttavia tenere presente, che le restrizioni tra domini potranno vietare di accedere ai dati that is not in the same domain. You'll find a possible workaround here.

Answer 2

la vostra risposta è Ajax. Può POSTARE e OTTENERE dati da un URL, proprio come la navigazione in un sito Web, e restituirà l'HTML come stringa come risultato.

Se si prevede di utilizzare jQuery (molto utile), è facile da usare Ajax. Ti piace questa examle (non funziona senza la libreria):

$.ajax({ 
    url : "/mysite/file.html", 
    success : function(result){ 
     alert(result); 
    } 
}); 

Se si desidera utilizzare di default Javascript, un'occhiata a http://www.w3schools.com/ajax/default.asp

var xmlhttp; 
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp = new XMLHttpRequest(); 
} 
else { // code for IE6, IE5 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     document.getElementById("myDiv").innerHTML = xmlhttp.responseText; 
    } 
} 
xmlhttp.open("GET", "ajax_info.txt", true); 
xmlhttp.send(); 

Answer 3

Poiché le risposte precedenti hanno affermato è possibile utilizzando il protocollo HTTP e CORS , ma penso che tu voglia dare un'occhiata a this other thread.

Answer 4

in JavaScript per ottenere i dati senza l'utilizzo di alert():

$.ajax({ 
    url : "/mysite/file.html", 
    async:false,   //this is the trick 
    success : function(result){ 
       //does any action 
       } 
    });