例子:

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;

?>