function prepareForms() { for(var j=0 ; j<document.forms.length ; j++){  var this_forms = document.forms[j];  resetFields(this_forms);   this_forms.onsubmit = function () {    if(!validateForm(this)) return false; //進行瀏覽器端表單驗證    var article = document.getElementsByTagName("article")[0];    if(submitFormWithAjax(this,article)) return false; //代表防止重復提交 實際的提交已經完成   return true;   } }}

function displayAjaxLoading(element) { while(element.hasChildNodes()){  element.removeChild(element.lastChild); //如果還有子節點 重復刪除 直到內部為空 } var content = document.createElement("img"); content.setAttribute("src","images/loading.gif"); content.setAttribute("alt","loading...."); element.appendChild(content);} //拿到元素 清空內部 并添加一個imgfunction submitFormWithAjax(whichform,thetarget) { var request = getHTTPObject(); if(!request){return false ;} displayAjaxLoading(thetarget);//調用加載方法 var dataParts = []; var element; //提前創建要用的容器 for(var i=0 ; i<whichform.elements.length ; i++){  element = whichform.elements[i];  dataParts[i] = element.name + "=" +encodeURIComponent(element.value) //把元素的名字和值轉化成URL編碼放入容器中 } var data = dataParts.join("&"); //把數組轉化成一串字符串 每個項目之間用&連接 request.open("post",whichform.getAttribute("action"),true); //向表單目標地址準備提出名為post的請求 request.setRequestHeader("content-type","application/x-www-form-urlencoded");//設置頭部信息 //獲取請求后就會調用一下的 方法 算是一個觸發器 服務器會執行以下內容 request.onreadystatechange = function () {  if(request.readyState == 4){   if(request.status == 200 || request.status == 0){    var matches = request.responseText.match(/<article>([/s/S]+)<//article>/) //捕獲文本    if(matches.length>0){     thetarget.innerHTML = matches[1]; //正則表達式返回0為包含<article> 1為不包含的版本    }    else {     thetarget.innerHTML = "<p>sorry not find</p>";    }   }   else {    thetarget.innerHTML = "<p>" + request.statusText + "</p>";   }  } } request.send(data); //對目標服務器發送請求 return true;//代表函數執行完畢}