基础的前后端分离
前后端分离
前端HTML页面通过AJAX调用后端的RESTFUL API接口并使用JSON数据进行交互
0x00 原生ajax
前端
<html>
<head>
<script type="text/javascript">
var xmlhttp;
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","json.php",true);
xmlhttp.send();
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
</script>
</head>
<body>
<div id="myDiv"></div>
</body>
</html>
后端
<?php
$arr = ['a'=>'1' , 'b'=>'2'];
echo json_encode($arr);
