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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sn_qmzm521/article/details/53261817

//页面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";
}

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页