RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站

 当前位置:主页 >> 网页制作 >> Ajax >> 文章内容
Ajax的post方式提交数据:
[收藏此页[打印本页]   
来源:互联网  作者:未知  发布时间:2008-03-17

与get方法比较,post方法可传输大于2K的数据,在Ajax里的应用不同之处在于:”post方法的请求地址与传输的数据是放在两个对象里—-请求地址放在open对象里,传输的数据放在send对象里;并且在传输数据之前定义一个传输文件HTTP头信息(setRequestHeader)”


以下为引用的内容:

<SCRIPT LANGUAGE=”javascript”>
<!–     

www~phperz~com

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();
phperz.com

       }
    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;

phperz.com


            }
      }
}
 –>
</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>

www~phperz~com


 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 mysql  基础  url  adodb
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长