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 protected]×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 protected]×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;
?>