Ajax

ajax封装

function ajax(method,url,type,fn){
//				if(XMLHttpRequest){
//					var xhr = new XMLHttpRequest();
//				}else{
//					var xhr = new ActiveXObject("Microsoft.XMLHTTP");
//				}
//				xhr.open(method,url,type);
//				xhr.send(null);
//				xhr.onload = function(){
//					fn(xhr.responseText)
//				};
//			}
//			ajax("get","json.json",true,function(a){
//				console.log(a);
//			})

　　ajax封装解决缓存

if(XMLHttpRequest){
//				var xhr = new XMLHttpRequest();
//			}else{
//				var xhr = new ActiveXObject("Microsoft.XMLHTTP");
//			}
//			xhr.open(method,url+date+Math.random,type);
//			xhr.send(null);
//			xhr.onload = function(){
//				fn(xhr.responseText)
//			};

　　ajax封装 json形式

function ajax(infoJson){
				if(XMLHttpRequest){
					var xhr = new XMLHttpRequest();
				}else{
					var xhr = new ActiveXObject("Microsoft.XMLHTTP");
				}
				var method = infoJson.method||"get";
				var url = infoJson.url;
				var data = infoJson.data||'';
				var type = infoJson.type||true;
				if(method=="get"){
					xhr.open(method,url+"?"+data+"&r="+Math.random(),type);
					xhr.send(null);
				}else{
					xhr.open(method,url,type);
					xhr.send(data);
				}
				xhr.onload = function(){
					infoJson.fn(xhr.responseText);
				}
			}
			ajax({
				method:"get",
				url:"test.php",
				data:"username=123&pwd=456",
				type:true,
				fn:function(a){
					console.log(a);
				}
			})

　　

json.json

{
	"name":"ketty",
	"age":"12",
	"job":"star"
}

　　

test.php

<?php
	header("Content-type: text/html; charset=utf-8");
	$arr = $_REQUEST;
	$username = $arr['username'];
	$pwd = $arr['pwd'];
	echo "用户名是:$username 密码是:$pwd";
?>