用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - php代码库

ajax的使用

2016-07-28 作者: 云代码会员举报

[php]代码库

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>
			ajax的优势<br>
				1.异步加载数据,无需切换页面<br>
				2.更佳的用户体验:局部刷新,及时验证,操作步骤简单<br>
				3.节省流量<br>
				
		</p>
		<p>
			使用ajax的步骤<br>
			    1.new XMLHttpRequest().......买了个手机(创建ajax对象)<br>
			    2.open().........按出要拨打的电话号码<br>
			    3.send().........按下拨号键<br>
			    4.onreadystateChange........拨号成功<br>
			    5.responseText........听到对方讲话
		</p>
	</body>
	<script type="text/javascript">
		
		
		//1.创建XMLHttpRquest对象
		
		if (window.XMLHttpRequest) {
			//现代浏览器
			var http = new XMLHttpRequest();
		}else{
			//IE 6 7 8
			var http = new ActiveXObject("Microsoft.XMLHTTP");
		}
		
		
		//2.创建请求
		//(参数1,参数2,参数3)
		//参数1: 请求方式get/post
		//参数2:是请求的地址
		//参数3:是否异步请求,默认true
		var url = "ajax.txt"
		http.open("GET",url,true);
		
		//3.发送请求
		http.send(null);
		
		//4.捕获请求的状态 onreadystatechange会检测readystate的值变化
		//只要其值变化,就会执行后面的函数
		http.onreadystatechange=function  () {
//			alert(http.readyState);	
			//判断请求
			if (http.readyState == 4 && http.status >=  200 && http.status<300 ||http.status == 304) {
				//5.获取返回的结果
				console.log(http.responseText);
			}
		}
		
		
		
		
		
		
		
		
		
	</script>
</html>


网友评论    (发表评论)

共1 条评论 1/1页

发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...