ajax javascript post

首页页面:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head>
<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 = "2.php";
//需要POST的值,把每个变量都通过&来联接
var postStr   = "user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex;
//实例化Ajax
var ajax = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
  ajax = new XMLHttpRequest();
  if (ajax.overrideMimeType) {//设置MiME类别
     ajax.overrideMimeType("text/xml");
  }
}
 else if (window.ActiveXObject) { // IE浏览器
   try {
       ajax = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
    try {
   ajax = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {}
 }
}
if (!ajax) { // 异常,创建对象实例失败
  window.alert("不能创建XMLHttpRequest对象实例.");
  return false;
 }
        
//通过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>
<body >
<div id="msg"></div>
<form name="user_info" method="post" action="">
姓名:<textarea name="user_name" cols="30" rows="5"></textarea>
年龄:<input type="text" name="user_age" /><br />
性别:<input type="text" name="user_sex" /><br />

<input type="button" value="提交表单" onClick="saveUserInfo()">
</form>

</body>
</html>

提交页面:2.php

print_r($_POST);

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。