以下为引用的内容:
<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>
|