码迷,mamicode.com
首页 > Web开发 > 详细

AJAX技术的应用(二)

时间:2015-09-01 01:40:56      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

  这一篇将会演示一个简单的例子,还是那句话,我希望可以帮到一些刚刚自学

//大家都知道传送数据有两种方式,这里是GET
//①创建HttpRequest对象
var xmlHttpRequest;
if(window.XMLHttpRequest){
        //目前比较主流的浏览器都支持XMLHttpRequest
        xmlHttpRequest=new XMLHttpRequest();
        }
    else {
        //但是IE5、IE6是使用ActiveXObject对象
        xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
        }
function test(){
//②处理返回的数据
xmlHttpRequest.onreadystatechange=function(){
//readState和status是有数据返回的标志
            if(xmlhttp.readyState==4&&xmlhttp.status==200){
                //这里写获得数据后的操作,如:
            document.getElementById("xxx").innerHTML=xmlhttp.responseText;
            //xxx是某个div的id,如<div id="xxx"></div>
       //或者alert(xmlhttp.responseText);
} } //open方法用于规定这个请求,有三个参数,第一个参数是传送数据的类型,就是POST或者GET,第二个是处理页,第三个是是否异步 xmlHttpRequest.open("GET","test.php",true);//不一定是php,可以是asp等 xmlHttpRequest.send(); } //在按钮的onclick或者文本框的onchange事件里写上test()即可

 

  

在按钮的onclick或者文本框的onchange事件里写上test()即可

<button onclick="test()">测试</button>

至于这个test.php只要有输出就可以了,例如我想查看ip地址

<?PHP
echo $_SERVER["REMOTE_ADDR"];
?>

 

AJAX技术的应用(二)

标签:

原文地址:http://www.cnblogs.com/ibye/p/4774459.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!