ajax post

最新推荐文章于 2021-09-01 22:02:05 发布

山鹰的天空

最新推荐文章于 2021-09-01 22:02:05 发布

阅读量459

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/LanSeTianKong12/article/details/50158161

版权

js 专栏收录该内容

101 篇文章 0 订阅

订阅专栏

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

//构建一个接受返回信息的层:
<div id=”msg”></div>

注:
与get方法比较,post方法可传输大于2K的数据,在Ajax里的应用不同之处在于:”post方法的请求地址与传输的数据是放在两个对象里—-请求地址放在open对象里,传输的数据放在send对象里；并且在传输数据之前定义一个传输文件HTTP头信息(setRequestHeader)”
在commit.php文件里可以用变量$_POST[’name’] , $_POST[’age’], $_POST[’sex’]获得send对象传输的数据.并对数据库进行操作.