首页 > 代码库 > ajax有两种提交数据的方式,分别为get和post(转)

ajax有两种提交数据的方式,分别为get和post(转)

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="http://www.mamicode.com/提交表单" onClick="saveUserInfo()"> 
</form> 
//构建一个接受返回信息的层: 
<div id="msg"></div>