Tôi có một tệp văn bản trong thư mục gốc của ứng dụng web http: //localhost/foo.txt và tôi muốn tải nó vào một biến trong javascript .. trong Groovy tôi sẽ làm điều này:

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

Làm cách nào tôi có thể nhận được kết quả tương tự trong javascript?

XMLHttpRequest, tức là AJAX, không có XML.

Cách chính xác mà bạn làm điều này phụ thuộc vào khung JavaScript bạn đang sử dụng, nhưng nếu chúng tôi bỏ qua các vấn đề về khả năng tương tác, mã của bạn sẽ trông giống như:

var client = new XMLHttpRequest ();
client.open ('NHẬN', '/foo.txt');
client.onreadystatechange = function () {
  cảnh báo (client.responseText);
}
client.send ();

Mặc dù vậy, thông thường, XMLHttpRequest không có sẵn trên tất cả các nền tảng, do đó, một số fudgery đã được thực hiện. Một lần nữa, cách tốt nhất của bạn là sử dụng khung AJAX như jQuery.

Một xem xét thêm: điều này sẽ chỉ hoạt động miễn là foo.txt trên cùng một tên miền. Nếu đó là trên một tên miền khác, chính sách bảo mật cùng nguồn gốc sẽ ngăn bạn đọc kết quả.

đây là cách tôi đã làm nó trong jquery:

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

Cập nhật 2019: Sử dụng Tìm nạp:

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

Nếu bạn chỉ muốn một chuỗi không đổi từ tệp văn bản, bạn có thể bao gồm chuỗi đó dưới dạng 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>

Chuỗi được tải từ tệp trở nên có thể truy cập được JavaScript sau khi được tải. Ký tự `(backtick) bắt đầu và kết thúc một mẫu bằng chữ , cho phép cả hai ký tự" và 'trong khối văn bản của bạn.

Cách tiếp cận này hoạt động tốt khi bạn đang cố tải một tệp cục bộ, vì Chrome sẽ không cho phép AJAX trên các URL với file://sơ đồ.

Một điều cần lưu ý là Javascript chạy trên máy khách chứ không phải trên máy chủ. Bạn thực sự không thể "tải một tập tin" từ máy chủ trong Javascript. Điều gì xảy ra là Javascript gửi yêu cầu đến máy chủ và máy chủ sẽ gửi lại nội dung của tệp được yêu cầu. Javascript nhận nội dung như thế nào? Đó là chức năng gọi lại dành cho. Trong trường hợp của Edward, đó là

    client.onreadystatechange = function() {

và trong trường hợp của danb, nó là

 function(data) {

Chức năng này được gọi bất cứ khi nào dữ liệu xảy ra. Phiên bản jQuery hoàn toàn sử dụng Ajax, nó chỉ giúp mã hóa dễ dàng hơn bằng cách gói mã đó trong thư viện.

Cập nhật 2020: Sử dụng Fetch với async / await

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

Lưu ý rằng awaitchỉ có thể được sử dụng trong một asyncchức năng. Một ví dụ dài hơn có thể là

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

Điều này sẽ hoạt động trong hầu hết các trình duyệt:

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

Ngoài ra, có FetchAPI mới :

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

Khi làm việc với jQuery, thay vì sử dụng jQuery.get, vd

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

bạn có thể sử dụng .loadmà cung cấp cho bạn một hình thức cô đọng hơn nhiều:

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

.loadcũng cung cấp cho bạn tùy chọn để tải một phần trang có thể có ích, xem api.jquery.com/load/ .

Nếu đầu vào của bạn được cấu trúc dưới dạng XML, bạn có thể sử dụng importXMLhàm. (Thông tin thêm ở đây tại quirksmode ).

Nếu đó không phải là XML và không có chức năng tương đương để nhập văn bản thuần túy, thì bạn có thể mở nó trong iframe ẩn và sau đó đọc nội dung từ đó.