Ajax

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。


<?php
$mysqli = new mysqli("localhost", "root", "root","test");
$query = "SELECT * FROM students ORDER by ID";
$result = $mysqli->query($query);
$row = $result->fetch_all(MYSQL_ASSOC);
echo json_encode($row);
?>


var $ = {}
$.ajax = function(url,callback){
	var xhr = new XMLHttpRequest();
	xhr.addEventListener('readystatechange',function(){
		if( this.readyState !== 4 ){
			return;
		}
		if( this.status === 200 || this.status === 304 ){
			callback.call(this,this.response)
		}
	})
	xhr.open('get',url,true)
 	xhr.send()
};

if(localStorage.data){
  contacts = JSON.parse(localStorage.data)
  render()
}else{
  _.ajax('php/gaincontacts.php',function(data){
    contacts = JSON.parse(data)
    localStorage.setItem('data',JSON.stringify(contacts))
    render()
  })
}