Benim web uygulaması http: //localhost/foo.txt kökünde bir metin dosyası var ve ben javascript bir değişkeni içine yüklemek istiyorum .. harika ben bunu yapardı:

def fileContents = 'http://localhost/foo.txt'.toURL().text;
println fileContents;

Javascript'te nasıl benzer bir sonuç alabilirim?

XML olmadan XMLHttpRequest, yani AJAX.

Bunu tam olarak nasıl yaptığınız, kullandığınız JavaScript çerçevesine bağlıdır, ancak birlikte çalışabilirlik sorunlarını göz ardı edersek, kodunuz aşağıdaki gibi görünecektir:

var istemci = yeni XMLHttpRequest ();
client.open ('GET', '/foo.txt');
client.onreadystatechange = function () {
  uyarısı (client.responseText);
}
) (Client.send;

Normalde, XMLHttpRequest tüm platformlarda mevcut değildir, bu nedenle bazı fudgery yapılır. Bir kez daha, en iyi bahis jQuery gibi bir AJAX çerçevesi kullanmaktır.

Ek bir husus: bu yalnızca foo.txt aynı etki alanında olduğu sürece çalışır. Farklı bir etki alanındaysa, aynı kökenli güvenlik ilkeleri sonucu okumanızı engeller.

İşte nasıl jquery yaptı:

jQuery.get('http://localhost/foo.txt', function(data) {
    alert(data);
});

Güncelleme 2019: Getirme özelliğini kullanarak:

fetch('http://localhost/foo.txt')
  .then(response => response.text())
  .then((data) => {
    console.log(data)
  })

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

Metin dosyasından yalnızca sabit bir dize istiyorsanız, bunu JavaScript olarak ekleyebilirsiniz:

// This becomes the content of your foo.txt file
let text = `
My test text goes here!
`;

<script src="foo.txt"></script>
<script>
  console.log(text);
</script>

Dosyadan yüklenen dize, yüklendikten sonra JavaScript tarafından erişilebilir hale gelir. `(Backtick) karakteri , metin bloğunuzda hem" hem de "karakterlerine izin vererek bir şablon hazır bilgisi başlar ve biter .

Chrome yerel file://düzende URL'lerde AJAX'a izin vermeyeceğinden, bu yaklaşım yerel olarak bir dosya yüklemeye çalıştığınızda iyi çalışır .

Akılda tutulması gereken bir şey, Javascript'in sunucuda değil istemcide çalıştığıdır. Javascript'teki sunucudan gerçekten "dosya yükleyemezsiniz". Olan şey, Javascript'in sunucuya bir istek göndermesi ve sunucunun istenen dosyanın içeriğini geri göndermesidir. Javascript içeriği nasıl alıyor? Geri arama işlevi bunun içindir. Edward'ın durumunda, bu

    client.onreadystatechange = function() {

ve danb'ın durumunda,

 function(data) {

Bu işlev, veri her ulaştığında çağrılır. JQuery sürümü dolaylı olarak Ajax kullanır, bu kodu kütüphanede kapsülleyerek kodlamayı kolaylaştırır.

Güncelleme 2020: Getirmeyi async / await ile kullanma

const response = await fetch('http://localhost/foo.txt');
const data = await response.text();
console.log(data);

awaitYalnızca bir asyncişlevde kullanılabileceğini unutmayın . Daha uzun bir örnek

async function loadFileAndPrintToConsole(url) {
  try {
    const response = await fetch(url);
    const data = await response.text();
    console.log(data);
  } catch (err) {
    console.error(err);
  }
}

loadFileAndPrintToConsole('https://threejsfundamentals.org/LICENSE');

Bunun neredeyse tüm tarayıcılarda çalışması gerekir:

var xhr=new XMLHttpRequest();
xhr.open("GET","https://12Me21.github.io/test.txt");
xhr.onload=function(){
    console.log(xhr.responseText);
}
xhr.send();

Ayrıca, yeni FetchAPI var:

fetch("https://12Me21.github.io/test.txt")
.then( response => response.text() )
.then( text => console.log(text) )

JQuery ile çalışırken jQuery.get, örneğin

jQuery.get("foo.txt", undefined, function(data) {
    alert(data);
}, "html").done(function() {
    alert("second success");
}).fail(function(jqXHR, textStatus) {
    alert(textStatus);
}).always(function() {
    alert("finished");
});

.loadçok daha yoğun bir form veren kullanabilirsiniz :

$("#myelement").load("foo.txt");

.loadsize kullanışlı olabilecek kısmi sayfalar yükleme seçeneği de sunar, bkz. api.jquery.com/load/ .

Girişiniz XML olarak yapılandırılmışsa, bu importXMLişlevi kullanabilirsiniz . (Daha fazla bilgi burada quirksmode ).

XML değilse ve düz metni içe aktarmak için eşdeğer bir işlev yoksa, metni gizli bir iframe'de açabilir ve ardından içeriği oradan okuyabilirsiniz.