ajax原生js原理及原生js代码

Parse error: syntax error, unexpected '?>' in D:\PHPSTUDY1\ANZHUANG\WWW\ajax\firstDay\syncloginform\loginform.php on line 5

浏览网页的时候两种情况:

  1. 白屏 (同步)
  2. 页面不刷新  (异步)  局部更新页面不会全屏刷新

同步:彼此等待

异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步

ajax原生js原理及原生js代码_第1张图片 ajax原生js原理及原生js代码_第2张图片

对比一下,其实是一样的事件。

//第一步:创建对象
			//秘书出场
			var xhr = null;
			if(window.XMLHttpRequest){
				xhr = new XMLHttpRequest();
			}else{
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			//初始化
			//准备好了
			var url = './check.php?username='+username+"&password="+password;
			xhr.open('get',url,true);

			//这段代码在xhr.send()执行完之后才能执行
			//这件事做完了怎么办
			//事情办完之后干什么
			xhr.onreadystatechange = function(){
				if(xhr.readyState == 4){
					if(xhr.status == 200){
						alert(1);
						var data = xhr.responseText;
						if(data == 1){
							document.getElementById('showInfo').innerHTML = '用户名或者密码错误';
						}else if(data == 2){
							document.getElementById('showInfo').innerHTML = '登录成功';
						}
					}
				};
			}

			//实际的去做这件事
			//去做这件事情
			xhr.send(null);

 

你可能感兴趣的:(ajax)