ajax有兩種提交資料的方式，分別為get和post

標籤：http   java   os   檔案   資料   io   for   re   

ajax有兩種提交資料的方式，分別為get和post。post方法可傳輸大於2K的資料,在Ajax裡的應用不同之處在於:"post方法的請求地址與傳輸的資料是放在兩個對象裡—-請求地址放在open對象裡,傳輸的資料放在send對象裡；並且在傳輸資料之前定義一個傳輸檔案HTTP頭資訊(setRequestHeader)" 

以下為引用的內容： 
<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>