原生 ajax get请求数据 

<!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]);
	
 ?>

　　

　

posted @ 2017-03-06 18:07  北漂阿猫  阅读(2430)  评论(0)    收藏  举报