ajax原理,数据获取

时间:2021-01-13 16:53:46
<script type="text/javascript">
	//用异步的程序操作xml
	// 数据交互
window.onload = function(){
	var oBtn = document.getElementById('btn1');
	oBtn.onclick = function(){
		//打开浏览器
		var xhr = new XMLHttpRequest();
		// 在地址栏输入地址
		xhr.open('get','1.txt',true);//是否异步
		// 提交
		xhr.send();
		// 等待服务器返回内容
		/*
		readyState:ajax工作状态
		0,初始化
		1,载入,正在发送请求
		2,载入完成,已收到全部响应内容
		3,解析,正在解析响应内容
		4,完成,解析完成

		on ready statechange:当状态值改变触发
		responseText:ajax请求返回的内容就被存放在这个属性下面
		responseText:返回以文本形式存放
		responseXML:以XML形式返回
		*/
		xhr.onreadystatechange = function(){
			if(xhr.readyState == 4){
				alert(xhr.responseText);
			}
		}
	}
}
// 1、创建ajax对象
// 2、
</script>
<body>
  <input type="button" value="按钮" id="btn1" />
</body>
<script type="text/javascript">
	$.ajax({
		url:'xxx.php',
		data:'name=dj&&age=20',
		ansyc
		type:'POST',//默认GET
		success:function(data){
			alert(1);
		},
		error:function(data){
			alert(2);
		}
	});
</script>