最新需要學習如何使用 POST 提交方法的接口，正好看到了Ajax 版本的感覺不錯分享給大家，歡迎高手指點。

<SCRipT LANGUAGE=”javascript”>

<!–      

function saveUserInfo()
{
    //獲取接受返回信息層
    var msg = document.getElementById(”msg”); 

    //獲取表單對象和用戶信息值
    var f = document.user_info;     
    var userName = f.user_name.value;
    var userAge = f.user_age.value;
    var userSex = f.user_sex.value;

    //接收表單的URL地址
    var url = “commit.php”;     
    //需要POST的值，把每個變量都通過&來聯接 
    var postStr = “name=”+ userName +”&age=”+ userAge +”&sex=”+ userSex;

    //實例化Ajax
    var ajax = null;
    if(window.xmlHttPRequest){
        ajax = new xmlhttpRequest();
       }
    else if(window.ActiveXObject){
        ajax = new ActiveXObject(”Microsoft.XMLHTTP”);
       }
    else{
        return;
       }

    //通過Post方式打開連接
    ajax.open(”POST”, url, true);  
    //定義傳輸的文件HTTP頭信息 
    ajax.setRequestHeader(”Content-Type”,”application/x-www-form-urlencoded”); 
    //發送POST數據
    ajax.send(postStr);

    //返回數據的處理函數
    ajax.onreadystatechange = function(){
        if (ajax.readyState == 4 && ajax.status == 200){
               msg.innerHTML = ajax.responseText;
            }
      }
}

 –>
</SCRIPT>

<form name=”user_info”>
     姓名：<input type=”text” name=”user_name” /><br/>
     年齡：<input type=”text” name=”user_age” /><br/>
     性別：<input type=”text” name=”user_sex” /><br/>
<input type=”button” value=”提交表單” onClick=”saveUserInfo()”>
</form>

//構建一個接受返回信息的層:
<div id=”msg”></div>

注:
與get方法比較,post方法可傳輸大于2K的數據,在Ajax里的應用不同之處在于:”post方法的請求地址與傳輸的數據是放在兩個對象里—-請求地址放在open對象里,傳輸的數據放在send對象里；并且在傳輸數據之前定義一個傳輸文件HTTP頭信息(setRequestHeader)”
在commit.php文件里可以用變量$_POST[’name’] ,  $_POST[’age’],    $_POST[’sex’]獲得send對象傳輸的數據.并對數據庫進行操作.