一个原生态ajax过程,提交表单的例子
一个ajax,首先要 创建对象---发出请求---响应----响应完成(readystate)
创建对象
var xmlhttp;
if(window.ActiveXObject){ //IE6以下
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlhttp=new XMLHttpRequest();
}
2.获取表单数据
var username=document.getElementById("username").value;
var password=document.getElementById("password").value;
var data="USERNAME"+username+"&PASSWORD"+password;
var url="/test.php";
3.提交数据
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
document.getElementById("result").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("post",url,true); //表单提交只能用post,异步加载为true;
//像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(data);
php代码如下:
welcome<?php echo $_POST["username"];?> <br/>
password<?php echo $_POST["possword"];?>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。