php学习笔记（三十）ajax请求和接收参数的实现方式（包括json数据格式的简单处理）

<?php
/**
* 一、Ajax的介绍和优点
* 		XMLHttpRequest
*
* 二、创建ajax创建对象（需要多浏览器支持）
* 		创建过程复杂，但是代码相对固定
* 		要兼容各个浏览器
* 		1.ie系列
* 		2.非ie系列的浏览器
*
* 三、ajax引擎对象中的方法(使用ajax请求服务器)
* 		abort	停止当前请求
* 		getAllResponseHeaders	返回完整的headers
* 		getResponseHeader		返回单个的header标签
* 		open("method","url",true)
* 		send("content")			发送请求
*
* 四、通过ajax获取服务器发送的数据(通过ajxa的属性实现)
* 	ajax.onreadystatechange
* 		0	Uninitialized	初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置。
* 		1	Open	        open() 方法已调用，但是 send() 方法未调用。请求还没有被发送。
* 		2	Send	        Send() 方法已调用，HTTP 请求已发送到 Web 服务器。未接收到响应。
* 		3	Receiving	        所有响应头部都已经接收到。响应体开始接收但未完成。
* 		4	Loaded	        HTTP 响应已经完全接收。
*
*/
?>
<script>
function createXMLHttpRequest(){
var request = false;
//一般先判断非IE浏览器
//window对象中有XMLHttpRequest存在就是非IE，包括（IE7，IE8）
if(window.XMLHttpRequest){
request=new XMLHttpRequest();//非IE以及IE7，IE8浏览器
if(request.overrideMimeType){
request.overrideMimeType("text/xml");//重置mime类型
}
//window对象中有ActiveXObject属性存在就是IE浏览器的低版本
}else if(window.ActiveXObject){
var versions=['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];//各种IE浏览器创建Ajax对象时传递的参数
for(var i=0; i<versions.length; i++){
try{
request=new ActiveXObject(versions[i]);//各个IE浏览器版本的参数不同
if(request){
return request;
}
}catch(e){
request=false;
}
}
}
return request;
}

//注意：必须把创建ajax对象的代码放在show 函数里，确保每次点击的时候都创建一个新的ajax对象。
var ajax = null;

function show(){
var helloObj = document.getElementById("hello");
ajax = createXMLHttpRequest();

//ajax监听请求状态改变事件
ajax.onreadystatechange = function(){
if(ajax.readyState==4){
if(ajax.status==200){
//1.访问php文件
//获取服务器输出的文本
var data = ajax.responseText;
alert(data+"aaaaaa"+ajax.status);
helloObj.innerHTML = data;
//json转成对象
eval("var obj="+data);
alert(obj.one);
alert(obj.two);
alert(obj.three);

//2.访问xml文件(返回的是文档document对象)
var doc = ajax.responseXML;
var users = doc.getElemnetsByTagName("user");
}else{
alert("页面请求失败"+ajax.status);
}
}
}

//open三个参数：方法，位置，异步传输
//使用get方法
//		ajax.open("get","serverget.php?username=zhangsan&email=devilzy@163.com×tamp="+Math.random(),true);
//传递参数
//		ajax.send(null);

//使用post需要设置头信息
ajax.open("post","serverpost.php",true);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("username=lisi&email=lisi@163.com×tamp="+Math.random());
}
</script>
<input type="button" onclick="show()" value="request">
<div  id="hello" style="width: 500px;height: 100px;">
</div>
<form action="serverpost.php" method="post">
</form>

<?php
$str = "{$_GET["username"]}---{$_GET["email"]}---\n";
$file = fopen("saveget.txt", "a");
fwrite($file, $str);
$file.close();
?>

<?php
//用来解决中文乱码问题
//	header("Content-Type:text/html;charset=utf-8");

$str = "{$_POST["username"]}---{$_POST["email"]}---\n";
//	$file = fopen("savepost.txt", "a");
//	fwrite($file, $str);
//	$file.close();
//多个字符串会当成一个字符串来处理
//	echo $str."我的啊";
//	echo $str."******";
//所以可以写入一个数组中
$arr = array("one"=>1,"two"=>2,"three"=>3);
//转换成json
$json = json_encode($arr);
echo $json;
?>