zoukankan      html  css  js  c++  java
  • ajax原理

    ajax

    <!DOCTYPE html>
    	    <html lang="en">
    	    <head>
    		<meta charset="UTF-8">
    		<title>ajax原理</title>
    	</head>
    	<body>
    		<input type="text" id="username">
    		<div id="use1"></div>
    	</body>
    		<script>
    			function CreateXmlHttp(){
    				//非IE浏览器创建XmlHttpRequest对象
    				if(window.XMLHttpRequest){
    					xmlhttp=new XMLHttpRequest();
    				}
    				//IE浏览器器创建XmlHttpRequest对象
    				if(window.ActiveXObject){
    					try{
    						xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    					}catch(e){
    						try{
    							xmlhttp=new ActiveXObject("msxm12.XMLHTTP");
    						}catch(ex){}
    					}
    				}
    			}
    			function Ustbwuyi(){
    				var data=document.getElementById('username').value;
    				CreateXmlHttp();
    				if(!xmlhttp){
    					alert("创建xmlhttp对象异常");
    					return false;
    				}
    				xmlhttp.open("get","/postData",false);
    				xmlhttp.onreadystatechange=function(){
    					if(xmlhttp.readyState==4){
    						document.getElementById("use1").innerHTML="数据正在加载...";
    						if(xmlhttp.status==200){
    							console.log(xmlhttp.responseText);
    						}
    					}
    				}
    				xmlhttp.send();
    			}
    			Ustbwuyi();
    		</script>
    	</html>
  • 相关阅读:
    225. 用队列实现栈
    415. 字符串相加
    rabbitmq的基本使用
    3. 无重复字符的最长子串
    面试题59
    面试题30. 包含min函数的栈
    面试题09. 用两个栈实现队列
    287. 寻找重复数
    1137. 第 N 个泰波那契数
    70. 爬楼梯
  • 原文地址:https://www.cnblogs.com/DCL1314/p/7777696.html
Copyright © 2011-2022 走看看