原生ajax发送数据post方式,适合多图上传或者安全要求高

32 篇文章 0 订阅
26 篇文章 0 订阅

//页面1,发送请求页面

<script>
function createXHR(){//检测对象
try { return new XMLHttpRequest(); } catch (e) {}
try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); } catch (e) {}
try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); } catch (e) {}
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
return null;
}


var statu = document.getElementById("statu").value;//得到ID的值
var postData = {"name1": statu};//给POST赋值JSON格式
postData = (function(obj){ // 格式化参数
var str = "";
for(var prop in obj){
str += prop + "=" + obj[prop] + "&"
}
return str;
})(postData);


var xmlhttp=createXHR();//命名对象
xmlhttp.onreadystatechange=function(){//异步处理函数
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){//判断异步状态是不是4和200,是就是成功
if(xmlhttp.responseText == "ok"){//异步返回值
alert("返回OK!");
}else{
alert("返回ERR!");
}
}
xmlhttp.open("POST","upload.php",true);//异步方式,异步url,异步状态
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//数据格式http头,没有头数据,异步页面无法接受数据
xmlhttp.send(postData);//发送参数
}
</script>


//页面2,处理请求,返回结果页面

$statu = $_POST;//接收post数据
if($statu["name1"] == "ok"){//取得数据里的key键值,返回异步结果
echo "ok";
}else{
echo "err";
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值