1、ajax_get.html
//ajax
//ajax发送请求并拼接请求数据,后台通过一系列操作,返回给前端数据(字符串),
// 前端把数据输出到页面上
//XMLHttpRequest
//第一步:实例化ajax对象
var ajaxObj=new XMLHttpRequest();
//第二步:设置发送请求的参数
//参数1:发送请求的方式
//参数2:发送请求的url(包括数据)
//参数3:同步(false)或异步(true)
ajaxObj.open("GET","1ajax_get.php?name=qx&age=不知道",true);
//第三步:发送请求
ajaxObj.send();
//第四步:监听ajax状态变化
ajaxObj.onreadystatechange=function () {
//第五步:判断是否成功
//(1)、网络状态值,成功4
//0——(未初始化):还没有调用send()
//1——(正在载入)已经调用send(),正在发送请求
//2——(载入完成)已经接收全部内容
//3——(交互)解析内容
//4——(完成)内容解析完成,可以返回数据
//(2)状态码,成功为200
if(ajaxObj.readyState==4&&ajaxObj.status==200){
//第六步:接收返回数据
console.log(JSON.parse(ajaxObj.responseText));
//JSON.parse:字符串转json
//JASON.stringify:json转字符串
// var newDiv=document.createElement("div");
// newDiv.innerHTML=ajaxObj.responseText;
// document.body.appendChild(newDiv);
}
}
// 注意:get请求传递数据的方式,在请求的url后面拼接?数据&数据
</script>
1、ajax_get.php
//post请求比get安全
//超级全局变量$_GET系统提供的一个关联数组
//用于存放前端通过get请求传递过来的数据
$userName=$_GET["name"];
$userAge=$_GET["age"];
//echo "你好".$userName.",年龄:".$userAge;
//json_encode数组转jason格式的字符串
//json_decode:jason格式的字符串转数组
//例如:
// {"z":"123","b":"234"}json格式的字符串
// {n: "qx", a: "不知道"}json
echo json_encode(array(
"n"=>$userName,
"a"=>$userAge));