ajax.html <html> <body> <script language="JavaScript"> <!-- var agt = navigator.userAgent.toLowerCase(); var is_opera = (agt.indexOf("opera") != -1); var is_ie = (agt.indexOf("msie") != -1) && document.all && !is_opera; var is_ie5 = (agt.indexOf("msie 5") != -1) && document.all; /** * XML Http requests */ function CreateXmlHttpReq(handler) { var xmlhttp = null; if (is_ie) { // Guaranteed to be ie5 or ie6 var control = (is_ie5) ? "Microsoft.XMLHTTP" : "Msxml2.XMLHTTP"; try { xmlhttp = new ActiveXObject(control); } catch(e) { // TODO: better help message alert("You need to enable active scripting and activeX controls"); } } else if(typeof XMLHttpRequest!='undefined'){ // Mozilla xmlhttp = new XMLHttpRequest(); } xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ //alert( xmlhttp.statusText);//ok handler(xmlhttp); } }; return xmlhttp; } // Send a request to the server function StartGETRequest(url, handler) { var xmlhttp = CreateXmlHttpReq(handler); xmlhttp.open('GET', url, true); xmlhttp.send(null); } function addclick(){ a = document.getElementById("txtbox_a").value; b = document.getElementById("txtbox_b").value; echoResult = function(xmlhttp){ document.getElementById('result').innerHTML = "Result:" + xmlhttp.responseText; } StartGETRequest("calculator.php?a="+a+"&b="+b,echoResult); } //--> </script> <input id=txtbox_a value=1><br> <input id=txtbox_b value=1><br> <INPUT onclick=addclick() type=button value=Add name=Button> <DIV id=result>Result:2</div> </body> </html>
calculator.php <? echo $_GET["a"] + $_GET["b"]; 不过只能在WINDOWS下运行~~~ 那么这个实际上就没有什么意义呢? 字体:大 中 小 |