日期:2014-05-16 浏览次数:20425 次
1. Ajax(Asynchronous JavaScript and XML),异步的JavaScript与XML 2. Ajax中的一个重要对象是XMLHttpRequest。 3. 使用Ajax准备向服务器端发送请求: xmlHttpRequest.open("GET", "AjaxServlet", true); 基本的语法如下: <script type="text/javascript"> var xmlHttpRequest = null; /* alert(window.ActiveXObject); alert(window.XMLHttpRequest); */ function ajaxSubmit() { if (window.ActiveXObject) // IE浏览器 { xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) //除IE外的其他浏览器实现 { xmlHttpRequest = new XMLHttpRequest(); } if (null != xmlHttpRequest) { /* xmlHttpRequest.open("POST", "AjaxServlet", true); //关联好回调函数 xmlHttpRequest.onreadystatechange = ajaxCallback; // 使用post方式提交,必须要加上如下一行 [color=darkred]xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");[/color] //向服务器发送信息 xmlHttpRequest.send("v1=" + v1 + "&v2=" + v2); */ //GET的提交方式 var v1=document.getElementsByName("value1")[0].value; var v2=document.getElementsByName("value2")[0].value; xmlHttpRequest.open("GET", "AjaxServlet?v1="+v1+"&v2="+v2, true); xmlHttpRequest.onreadystatechange = ajaxCallback; xmlHttpRequest.send(null); } } function ajaxCallback() { //alert("test"); if (xmlHttpRequest.readyState == 4) { if (xmlHttpRequest.status == 200) { var Text = xmlHttpRequest.responseText; //alert(Text); document.getElementById("div1").innerHTML = Text; } } } </script>