首页 > Web开发 > 详细

ajax的post用法

时间:2015-06-14 13:38:30      阅读:244      评论:0      收藏:0      [点我收藏+]
<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必须在服务器上才能进行测试,所以您必须先配置好服务器环境并把代码放到服务器的目录下,才能进行调试.

ajax的post用法

原文:http://www.cnblogs.com/zhangfengyang/p/4574896.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!