Các giá trị phân tách dấu phẩy hoặc CSV là một loại tệp văn bản trong đó mỗi giá trị được phân tách bằng dấu phẩy. Các tệp CSV rất hữu ích cho việc nhập và xuất dữ liệu sang các ứng dụng phần mềm khác. or CSV is a type of text file where each value is delimited by a comma. CSV files are very useful for the import and export of data to other software applications.
Đôi khi trong khi phát triển các ứng dụng web, bạn có thể đi vào một kịch bản mà bạn cần tải xuống tệp CSV được chuyển đổi từ bảng HTML. Trong bài đăng này, chúng ta hãy thảo luận về cách tạo tính năng này bằng cách sử dụng JavaScript thuần túy mà không cần sử dụng bất kỳ plugin, mô -đun hoặc khung ưa thích nào.
Cách tiếp cận: Tạo một bảng HTML. Bằng cách sử dụng mô -đun đối tượng JavaScript và tài liệu [DOM], chúng tôi sẽ trích xuất từng dữ liệu cột theo một hàng và kết hợp dữ liệu bằng dấu phẩy. Sau khi thực hiện việc này với mỗi hàng, một lần nữa sử dụng DOM, chúng tôi sẽ tạo một liên kết tải xuống mới và kích hoạt liên kết bằng trình nghe sự kiện JavaScript để tải xuống dữ liệu để tạo tệp CSV. Create an HTML table. By using JavaScript and Document object module [DOM], we are going to extract each column data in a row and combine the data using commas. After doing this to each row, again using DOM, we are going to create a new download link and trigger the link using JavaScript event listeners to download the data to form a CSV file.
Bước 1: Tạo bảng HTML: Tạo trang HTML đơn giản với bảng và nút. Nút này sẽ được sử dụng làm kích hoạt để chuyển đổi bảng thành các giá trị được phân tách bằng dấu phẩy và tải xuống dưới dạng tệp CSV. Áp dụng phong cách CSS cần thiết của riêng bạn. & NBSP; Create a simple HTML page with a table and a button. This button will be used as a trigger to convert the table into comma-separated values and download it in the form of a CSV file. Apply your own needed CSS stylings.
HTML