AJAX的POST提交数据方法

最新推荐文章于 2022-04-11 16:35:16 发布

lifushan123

最新推荐文章于 2022-04-11 16:35:16 发布

阅读量1.2k

点赞数

分类专栏： ajax

ajax 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

AJAX的POST提交数据方法

AJAX中POST使用?

在AJAX里，用POST提交数据是通过SEND的参数来传的。
<script type="text/javascript" language="javascript">

</script>
好了，就是这样，用POST时，很多人掉了xmlhttp.setRequestHeader这句，所以常出错?

var postStr = "name="+ userName +"&age="+ userAge +"&sex="+ userSex;
//实例化Ajax
varajax= 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="提交表单" onClick="saveUserInfo()">
</form>
//构建一个接受返回信息的层:
<div id="msg"></div>

以下是改好的代码：
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org /TR/xhtml1/DTD/xhtml1- transitional.dtd">
<html xmlns=" http://www.w3.org /1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function ajaxLoad(){
var xmlHttp=false;
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
xmlHttp.overrideMimeType("application/x-www-form-urlencoded");
}
if(window.ActiveXObject){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
alert("您的浏览器不支持AJAX");
}
}
if(xmlHttp){
xmlHttp.open("POST","ajax.asp");
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4&&xmlHttp.status==200){
document.getElementById("block").innerHTML=xmlHttp.responseText;
}
}
xmlHttp.send("username=dashu");
}
}
}
</script>
</head>
<body>
<span id="block"></span>
<a οnclick="ajaxLoad();">Click</a>
</body>
</html>