Eu tenho um arquivo de texto na raiz do meu aplicativo da web http: //localhost/foo.txt e gostaria de carregá-lo em uma variável em javascript .. no groovy, faria o seguinte:

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

Como posso obter um resultado semelhante em javascript?

XMLHttpRequest, ou seja, AJAX, sem o XML.

A maneira precisa de fazer isso depende da estrutura JavaScript que você está usando, mas se desconsiderarmos os problemas de interoperabilidade, seu código será semelhante a:

var cliente = novo XMLHttpRequest ();
client.open ('GET', '/foo.txt');
client.onreadystatechange = function () {
  alerta (client.responseText);
}
client.send ();

Normalmente, no entanto, o XMLHttpRequest não está disponível em todas as plataformas, portanto, alguns truques são feitos. Mais uma vez, sua melhor aposta é usar uma estrutura AJAX como o jQuery.

Uma consideração extra: isso funcionará apenas enquanto foo.txt estiver no mesmo domínio. Se estiver em um domínio diferente, as políticas de segurança da mesma origem impedirão que você leia o resultado.

aqui está como eu fiz isso no jquery:

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

Atualização 2019: Usando a busca:

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

Se você quiser apenas uma sequência constante do arquivo de texto, inclua-a como JavaScript:

// 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>

A sequência carregada do arquivo se torna acessível ao JavaScript depois de carregada. O caractere `(backtick) inicia e termina um literal de modelo , permitindo caracteres" e "no seu bloco de texto.

Essa abordagem funciona bem quando você está tentando carregar um arquivo localmente, pois o Chrome não permite o AJAX em URLs com o file://esquema.

Uma coisa a ter em mente é que o Javascript é executado no cliente, e não no servidor. Você realmente não pode "carregar um arquivo" do servidor em Javascript. O que acontece é que o Javascript envia uma solicitação ao servidor, e o servidor envia de volta o conteúdo do arquivo solicitado. Como o Javascript recebe o conteúdo? É para isso que serve a função de retorno de chamada. No caso de Edward, isso é

    client.onreadystatechange = function() {

e no caso de danb, é

 function(data) {

Essa função é chamada sempre que os dados chegam. A versão do jQuery usa implicitamente o Ajax, apenas facilita a codificação, encapsulando esse código na biblioteca.

Atualização 2020: Usando a busca com async / waitit

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

Observe que awaitsó pode ser usado em uma asyncfunção. Um exemplo mais longo pode ser

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');

Isso deve funcionar em quase todos os navegadores:

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

Além disso, há a nova FetchAPI:

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

Ao trabalhar com jQuery, em vez de usar jQuery.get, por exemplo

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");
});

você pode usar o .loadque lhe dá uma forma muito mais condensada:

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

.loadtambém oferece a opção de carregar páginas parciais que podem ser úteis, consulte api.jquery.com/load/ .

Se sua entrada foi estruturada como XML, você poderia usar a importXMLfunção (Mais informações aqui em quirksmode ).

Se não for XML e não houver uma função equivalente para importar texto sem formatação, você poderá abri-lo em um iframe oculto e ler o conteúdo a partir daí.