<button type="button" onclick="loadData()">Load Spreadsheet Data</button>
<div id="display"></div>
-----------------------------------------------
JS:
function loadData() {
var url = "https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4) {
document.getElementById("display").innerHTML = xmlhttp.responseText;
//alert(xmlhttp.responseText);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send(null);
}
------------------------------------------------
HOẠT ĐỘNG:
- Khi bấm vào nút "Load Spreadsheet Data" thì hàm "loadData()" được chạy.
- Khi hàm "loadData()" chạy thì:
+ Gán biến "url" = đường dẫn đến file excel.
+ Khởi tạo đối tượng "XMLHttpRequest" cấu trúc lệnh "variable = new XMLHttpRequest();"
+ Gửi sự kiện tới máy chủ. "xmlhttp.onreadystatechange = function ()"
++ Nếu yêu cầu hoàn thành và sẵn sàng trả lời " if (xmlhttp.readyState == 4)" thì
Truyền dữ liệu theo ID cho ID"display" - với ngôn ngứ HTML kiểu chuỗi "xmlhttp.responseText;" từ máy chủ.
++ Yêu cầu máy chủ mở đối tượng."xmlhttp.open("GET", url, true);
--------------------------------------------------
*
- Các đối tượng XMLHttpRequest được sử dụng để trao đổi dữ liệu với một máy chủ ẩn sau màn hình. Điều này có nghĩa rằng nó có thể cập nhật các phần của một trang web, mà không cần tải lại toàn bộ trang.
- Dữ liệu kiểu chuỗi : = xmlhttp.responseText;
- Dữ liệu kiểu XML : = xmlhttp.responseXML;
--------------------------------------------------
Tham khảo thêm
EmoticonEmoticon