ajax 传数据视频,原生js---ajax---post方法传数据

html>

姓名：

年龄：

点击

var btn=document.getElementById("btn");

btn.=function(){

var userval=document.getElementById("user").value;

var ageval=document.getElementById("age").value;

//1.创建ajax对象(此处兼容性的创建)

var xhr=null;

try{

xhr=new XMLHttpRequest();

}catch(e){

xhr=new ActiveXObject("Microsoft.XMLHTTP");

}

//2.调用open方法(true----异步)

xhr.open("post","links/2.post.php",true);

//3.发送数据

xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');

xhr.send("username="+userval+"&age="+ageval+"&timp"+new Date().getTime());

//4.请求状态改变事件

xhr.onreadystatechange=function(){

if(xhr.readyState==4){

if(xhr.status==200){

document.write(xhr.responseText)

}else{

alert("错误"+xhr.status)

}

}

}

}