因爲FF沒回顯的問題，讓我鬱悶了
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>AJAX Form</title>
- <script type="text/javascript">
- window.onerror=function(errorMessage,errorUrl,errorNum)
- {
- alert(errorMessage+errorUrl+errorNum);
- }
- var xmlHttp;
- function createXmlHttp()
- {
- if (window.ActiveXObject) { // IE瀏覽器
- try {
- xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
- } catch (e) {
- try {
- xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
- } catch (e) {}
- }
- } else {
- xmlHttp=new XMLHttpRequest();
- xmlHttp.overrideMimeType("text/xml");
- }
- if (!xmlHttp) { // 異常，創建對象實例失敗
- window.alert("can not create XMLHttpRequest object.");
- return false;
- }
- }
- function startRequest()
- {
- try
- {
- createXmlHttp();
- var url="ajax.php";
- var postedData=getRequestBody(document.forms["form1"]);
- xmlHttp.open("post",url,true);
- xmlHttp.setRequestHeader("content-length",postedData.length);//post提交設置項
- xmlHttp.setRequestHeader("content-type","application/x-www-form-urlencoded");//post提交設置項
- xmlHttp.onreadystatechange =onComplete;
- //將名值對發送到服務器
- xmlHttp.send(postedData);
- }
- catch(e)
- {
- alert(e.message);
- }
- }
- function onComplete()
- {
- if(xmlHttp.readyState==4&&xmlHttp.status==200)
- {
- //顯示結果
- // document.getElementById("divResult").innerText=xmlHttp.responseText;
- if (window.ActiveXObject)
- document.getElementById("divResult").innerText=xmlHttp.responseText;
- else
- document.getElementById("divResult").textContent=xmlHttp.responseText; //如果沒這個 FF就沒回顯，
- }
- }
- //獲取表單中的名值對
- function getRequestBody(oForm)
- {
- var aParams=new Array();
- for(var i=0;i<oForm.elements.length;i++)
- {
- var sParam=encodeURIComponent(oForm.elements[i].id)
- sParam+="=";
- sParam+=encodeURIComponent(oForm.elements[i].value);
- aParams.push(sParam);
- }
- return aParams.join("&");
- }
- </script>
- </head>
- <body>
- <form id="form1">
- Company:<input name="company" id="company" type="text" />
- TEL: <input name="tel" id="tel" type="text" />
- <div id="divResult"></div>
- </form>
- </body>
- </html>