JS使用Ajax

<script type="text/javascript">
//加载函数
	function loadName(){
		var xmlHttp = null;
//判断浏览器是否优先支持XMLHttpRequest
		if(window.XMLHttpRequest){
			xmlHttp = new XMLHttpRequest();
		}else{
//让IE老版本使用也可以使用Ajax
			xmlHttp = new ActiveXObject("Microsoft.XMLHttpRequest");
		}
		//默认状态
		//alert("ready状态:"+xmlHttp.readyState+";"+"status状态:"+xmlHttp.status);  0    0 
		//请求状态,请求分为四种状态
//onreadystatechange  是存储函数,党readyState的状态改变就会调用这个onreadystatechange函数
		xmlHttp.onreadystatechange=function(){
			//请求进行状态
//readyState有四种状态   0代表请求正在初始化   1与服务器建立请求成功    2代表服务器接受请求    3 代表服务器请求处理中      4 代表请求完成,响应已就绪
		    if(xmlHttp.readyState==4 && xmlHttp.status==200){        //status   200 代表服务器响应内容状态OK   404代表服务器响应内容没找到
				//alert("ready状态:"+xmlHttp.readyState+";"+"status状态:"+xmlHttp.status);
				alert(xmlHttp.responseText);            //测试返回到的数据
                               var dataObj = eval("("+xmlHttp.responseText+")");       //将服务器返回的Json对象转换为JS对象
//例如服务器返回的内容是   {"name":"张三","age":12} 
//那么用JS对象就可以这样使用
                           String name = dataObj.name; var age = dataObj.age;
			}
		}
		//get方式提交
		//xmlHttp.open("get","getAjax?name=mawanlin&age=12",true);
		//xmlHttp.send();
		//pose方式提交
		xmlHttp.open("post","getAjax",true);
		xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");    //表示按照表格post的方式提交
		xmlHttp.send("name=jack&age=11");
	}
</script>

 

猜你喜欢

转载自blog.csdn.net/qq_38340601/article/details/80085741
今日推荐