AJAX
来源:互联网 发布:工资结算软件 编辑:程序博客网 时间:2024/05/21 16:40
<script type="text/javascript"> var xmlHttp; function submit() { if(window.XMLHttpRequest){ //alert("IE8,IE7,firefox,chrome,opera"); xmlHttp = new XMLHttpRequest(); if(xmlHttp.overrideMimeType){ xmlHttp.overrideMimeType("text/xml"); } } else if(window.ActiveXObject){ //alert("IE6,IE5"); var activeName = ["MSXML2.XMLHTTP.6.0","MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0","MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP","Microsoft.XMLHTTP"]; for(var i=0;i<activeName.length;i++){ try{ xmlHttp = new ActiveXObject(activeName[i]); break; } catch(e){ } } } if(xmlHttp == undefined || xmlHttp == null){ alert("不支持AJAX"); return; } //注册回调方法 xmlHttp.onreadystatechange = callback; //设置服务器端相应的参数 var username = document.getElementById("UserName").value; /* //get 方法的使用 xmlHttp.open("GET","AJAXServer?name="+username,true); //设置向服务器端发送的数据,并启动交互 xmlHttp.send(null);*/ //post 方法 xmlHttp.open("POST","AJAXServer",true); xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlHttp.send("name="+username); //回调方法 function callback(){ //判断和服务器端交互是否完成,判断服务器端是否正确返回了数据 if(xmlHttp.readyState == 4){ //交互已经完成 if(xmlHttp.status == 200){ //服务器正确 var Message = xmlHttp.responseText; //alert(Message); //var domxml = xmlHttp.reponseXML; var div = document.getElementById("message"); div.innerHTML = Message; } } } } </script>