ajax的post用法

<button>点击之后,显示ajax返回的数据</button>

首先在页面上新建了一个按钮,点击这个按钮后,执行ajax操作,并将返回的字符串显示在按钮上.

下面是ajax代码

<script>
    window.onload=function(){
        var oBtn=document.getElementsByTagName('button')[0];
        oBtn.onclick=function(){
        var xmlhttp;
        if(window.XMLHttpRequest){
            xmlhttp=new XMLHttpRequest();
        }else{
            xmlhttp=new ActiveXObject("Microsoft XMLHTTP");
        }
        xmlhttp.onreadystatechange=function(){
            if(xmlhttp.readyState==4&&xmlhttp.status==200){
                oBtn.innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open('POST','index.php',true);
        xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlenconded');
        xmlhttp.send('text=我是响应文字');
}
    }
</script>    

现在点击按钮就会触发ajax事件,并把xml.send中的字符串发送到index.php.

下面是php文件中的代码

<?php
 
    echo $_POST['text'];

到此ajax小实例就完成了.值得注意的一点是,ajax必须在服务器上才能进行测试,所以您必须先配置好服务器环境并把代码放到服务器的目录下,才能进行调试.