Hướng dẫn how to read external file in javascript - cách đọc tệp bên ngoài trong javascript

Tôi có một văn bản bên ngoài có độ dài thay đổi có tên là hồ sơ.txt với thông tin ở định dạng sau:profiles.txt with information in the following format:

 Jason/Red/Tyrannosaurus
 Zack/Black/Mastodon
 Billy/Blue/Triceratops
 Trini/Yellow/Griffin
 (etc)

Làm cách nào tôi có thể đọc qua tệp bằng JavaScript để xuất HTML sau:

 Name: Jason

 Color: Red

 Avatar: Tyrannosaurus

 

 Name: Zack

 Color: Black

 Avatar: Mastodon

 

 (etc)

Hỏi ngày 13 tháng 9 năm 2011 lúc 17:50Sep 13, 2011 at 17:50

Henry Yunhenry YunHenry Yun

5343 Huy hiệu vàng14 Huy hiệu bạc24 Huy hiệu đồng3 gold badges14 silver badges24 bronze badges

2

Dưới đây là một ví dụ sử dụng XMLHTTPREQUEST:XMLHttpRequest:

var xmlhttp;
xmlhttp=new XMLHttpRequest();
xmlhttp.open('GET', "test.txt", false);
xmlhttp.send();
document.write(xmlhttp.responseText.split('\r\n').map(function (i) {return i.replace(/(.+),(.+),(.+)/g, 'Name: $1
Color: $2
Avatar: $3
')} ).join('
'));

Array.Map cần phải được shim trong IE8 trở xuống. Ngoài ra, IE sử dụng new ActiveXObject("Msxml2.XMLHTTP") Đây là một ví dụ rất mỏng. Tôi đang sử dụng ASYC Sai, điều xấu và Document.Write là xấu. Nhưng tôi chỉ muốn chứng minh nhận được tệp và phân tích cú pháp đầu vào. needs to be shim in IE8 and below. Also, IE uses new ActiveXObject("Msxml2.XMLHTTP") This is a very slimmed down example. I'm using asyc false which is bad and document.write which is bad. But I just wanted to demonstrate getting the file and parsing the input.

Đã trả lời ngày 13 tháng 9 năm 2011 lúc 18:03Sep 13, 2011 at 18:03

JoejoeJoe

79K18 Huy hiệu vàng125 Huy hiệu bạc143 Huy hiệu đồng18 gold badges125 silver badges143 bronze badges

4

Chỉ áp dụng nếu tệp chưa có trên máy chủ (không được chỉ định trong câu hỏi) (not specified in question)

Không đăng tệp lên máy chủ hoặc dán nội dung của tệp vào hộp văn bản, hiện tại không có cách nào để JavaScript tương tác trực tiếp với hệ thống tệp.

Ngoài ra vì lý do bảo mật, JavaScript có thể không, tự nó không nhìn vào nội dung của một tệp đã được chọn bằng cách sử dụng đầu vào loại tệp.

Vì vậy, các tùy chọn của bạn là:

• Tải tệp lên máy chủ bằng bài đăng biểu mẫu kiểu Ajax, trả về nội dung (plugin jQuery cho tải lên tệp AJAX)
• Gửi tệp qua Postback biểu mẫu bình thường, khi trang được tải lại, bạn có thể chuyển nội dung cùng với JavaScript với JSON được ghi vào đầu ra
• Sao chép/dán dữ liệu vào Textarea, sử dụng sự kiện Onkeyup để phát hiện mục nhập dữ liệu (hoặc thêm nút "xử lý") để đọc nội dung TextArea và đi từ đó (mẫu)

Đã trả lời ngày 13 tháng 9 năm 2011 lúc 17:54Sep 13, 2011 at 17:54

Chris Bakerchris BakerChris Baker

49.1K12 Huy hiệu vàng98 Huy hiệu bạc115 Huy hiệu đồng12 gold badges98 silver badges115 bronze badges

Không có tệp I/O trong JavaScript vì lý do bảo mật. Đặt cược tốt nhất của bạn là để hiển thị tệp văn bản này trong mã máy chủ của bạn và thực hiện cuộc gọi Ajax cho nó từ JavaScript

Đã trả lời ngày 13 tháng 9 năm 2011 lúc 18:09Sep 13, 2011 at 18:09

Jbabeyjbabeyjbabey

45.1K12 Huy hiệu vàng69 Huy hiệu bạc94 Huy hiệu đồng12 gold badges69 silver badges94 bronze badges

var fileRead = "Jason,Red,Tyrannosaurus\nZack,Black,Mastodon\nBilly,Blue,Triceratops\nTrini,Yellow,Griffin";
var lines = fileRead.split("\n");

for (var i in lines){
    var pdata = lines[i].split(",");
    jQuery("#ResultDiv").append("Name: " + pdata[0] + "
Color: " + pdata[1] + "
Avatar: " + pdata[2] + "

" );
}

Đã trả lời ngày 13 tháng 9 năm 2011 lúc 18:05Sep 13, 2011 at 18:05

Dave.SolDave.SolDave.Sol

2511 huy hiệu bạc6 Huy hiệu đồng1 silver badge6 bronze badges

Chúng ta có thể tạo tệp JavaScript bên ngoài và nhúng nó vào nhiều trang HTML.

Nó cung cấp khả năng sử dụng mã vì tệp JavaScript đơn có thể được sử dụng trong một số trang HTML.code re usability because single JavaScript file can be used in several html pages.

Một tệp JavaScript bên ngoài phải được lưu bởi tiện ích mở rộng .js. Bạn nên nhúng tất cả các tệp JavaScript vào một tệp. Nó tăng tốc độ của trang web.

Hãy tạo một tệp JavaScript bên ngoài in Hello javatpoint trong hộp thoại cảnh báo.

message.js

Hãy bao gồm tệp JavaScript vào trang HTML. Nó gọi chức năng JavaScript khi nhấp vào nút.

index.html

Ưu điểm của JavaScript bên ngoài

Sẽ có những lợi ích sau nếu người dùng tạo JavaScript bên ngoài:

1. Nó giúp tái sử dụng mã trong hơn một tệp HTML.
2. Nó cho phép dễ dàng đọc mã.
3. Nó hiệu quả về thời gian khi các trình duyệt web lưu trữ các tệp JS bên ngoài, giúp giảm thêm thời gian tải trang.
4. Nó cho phép cả nhà thiết kế web và lập trình viên làm việc với các tệp HTML và JS tương đương và riêng biệt, tức là, mà không phải đối mặt với bất kỳ mâu thuẫn mã nào.
5. Độ dài của mã giảm khi chỉ chúng ta cần chỉ định vị trí của tệp JS.

Nhược điểm của JavaScript bên ngoài

Có những nhược điểm sau đây của các tệp bên ngoài:

1. STEALER có thể tải xuống mã của coder bằng URL của tệp JS.
2. Nếu hai tệp JS phụ thuộc vào nhau, thì lỗi trong một tệp có thể ảnh hưởng đến việc thực thi tệp phụ thuộc khác.
3. Trình duyệt web cần thực hiện một yêu cầu HTTP bổ sung để lấy mã JS.
4. Một thay đổi lớn đến một thay đổi lớn trong mã JS có thể gây ra kết quả bất ngờ trong tất cả các tệp phụ thuộc của nó.
5. Chúng ta cần kiểm tra từng tệp phụ thuộc vào tệp JavaScript ngoài được tạo.
6. Nếu đó là một vài dòng mã, thì tốt hơn là thực hiện mã JavaScript nội bộ.

Nhận xét

• Gửi phản hồi của bạn đến [Email & NBSP; được bảo vệ]

Giúp đỡ người khác, xin vui lòng chia sẻ

Tôi có thể đọc tệp văn bản bằng JavaScript không?

Tệp bên ngoài trong JavaScript là gì?

JavaScript có thể mở một tệp cục bộ không?

Các chức năng JavaScript có thể được tạo trong một tệp bên ngoài không?