Chúng ta có thể lấy và phân tích dữ liệu JSON bằng AJAX. Ajax là phương thức trao đổi dữ liệu với máy chủ và cập nhật các phần của trang web – mà không cần tải lại toàn bộ trang. Ajax chính nó là một thuật ngữ chung cho các kỹ thuật JavaScript khác nhau được sử dụng để kết nối với máy chủ web tự động mà không nhất thiết phải tải lại trang.
Nội dung chính
Ví dụ về AJAX JSON
Hãy xem một ví dụ đơn giản về việc sử dụng AJAX để lấy dữ liệu JSON từ một web service.
<html>
<head>
<meta content="text/html; charset=utf-8">
<title>Vi du ve AJAX JSON</title>
<script type="application/javascript">
function load() {
// bạn có thể thay thế bằng các url khác
var url = "http://date.jsontest.com/";
var request;
if(window.XMLHttpRequest) {
// đối với Chrome, Mozilla, ...
request=new XMLHttpRequest();
} else if(window.ActiveXObject){
// đối với IE
request=new ActiveXObject("Microsoft.XMLHTTP");
}
request.onreadystatechange = function(){
if (request.readyState == 4) {
var jsonObj = JSON.parse(request.responseText);
document.getElementById("date").innerHTML = jsonObj.date;
document.getElementById("time").innerHTML = jsonObj.time;
}
}
request.open("GET", url, true);
request.send();
}
</script>
</head>
<body>
Date: <span id="date"></span><br/>
Time: <span id="time"></span><br/>
<button type="button" onclick="load()">Load Information</button>
</body>
</html>
Kết quả:
