<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>ajax獲取數據</h1>
<input type="button" id='getInfo' value='獲取數據'>
</body>
</html>
<script type="text/javascript">
// event 事件參數 瀏覽器 在調用 dom元素的 事件時 會傳入一個參數 這里面有 一些瀏覽器信息,比如寬高,鼠標位置等
document.querySelector('#getInfo').onclick = function(event) {
// 1.創建
var ajax = new XMLHttpRequest();
// 2設置
ajax.open('get', '01.Ajax_get.php');
// 3.發送
ajax.send();
// 4.狀態事件
ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {
// 5.使用返回的數據 修改頁面的內容
// responseText 返回的就是一個 字符串
// 我們 在ajax 中 如果 是通過 ajax.responseText 獲取到的 統統都是字符串
console.log(ajax.responseText);
}
}
}
</script>
后台數據
<?php
$twoDArr = array(
array('肯德基','肯打雞' ),
array('麥當勞','麥當娜' ),
array('必勝客','pizza and more' )
);
// 網絡傳輸時 沒有 數組 的概念
echo $twoDArr[2][0];
echo '|';
echo $twoDArr[2][1];
// 可以吧 數據的 類型 里面的值全部輸出
// var_dump($twoDArr[2]);
// print_r($twoDArr[2]);
?>