例子:
2.用post方法发送请求
function checkName(){
//得到表单上的值
var uname=document.getElementsByName("username")[0].value;
var xmlObj=getXMLObj();//调用 上面封装好的方法即可获得XMLHttpRequest对象
var data="user="+uname;//用data变量给拼接路径
xmlObj.onreadystatechange=function() {
if(xmlObj.readyState==4&&xmlObj.status==200){//注意,这个方法中的xmlObj变量本来可以用this这是w3c所认可的,可是IE浏览器却将不支持,所以为了让浏览器之间支持,所以用xmlObj
alert(xmlObj.responseText);这是它的返回值,可以是以文本方式,
//alert(xmlObj.responseXML);//也可以是XML形式。
}
}
xmlObj.open('post','test.php',true);//test.php可以改成.text /.xml/或是**_action都可以。
xmlObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");//这句很重要,如果没有这句话,浏览器不知道返回url的格式
xmlObj.send(data);
}
大家要注意,Ajax虽然是基于javascript的,虽然它是脚本,但是它要和服务器进行交互,所以大家务必记得我说过的话,要将ajax的代码放置在你的服务器环境下运行。有些童鞋将我的代码拷贝在自己的一个html文件里就运行这是不对的哦,要放在服务器环境下。
==================================test.php文件处理请求并返回========================================
<?php
/**
处理ajax传过来的值,并进行操作,echo 接收的值,就是我这里给ajax的回应
**/
$username=isset($_POST['user'])? trim($_POST['user']):'';
echo $username;
?>
浙公网安备 33010602011771号