AJAx实现局部刷新

本文通过示例展示了如何利用JavaScript的XMLHttpRequest对象实现AJAX请求,达到局部刷新的效果。当请求完成并成功返回时,可以获取响应文本并更新页面特定区域。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

AJAX示例

<scripttype="text/javascript">

                   window.onload= function() {

                            varxhr;

                            if(window.XMLHttpRequest) {

                                     //IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

                                     xhr= new XMLHttpRequest();

                            }else {

                                     //IE6, IE5 浏览器执行代码

                                     xhr= new ActiveXObject("Microsoft.XMLHTTP");

                            }

                            xhr.open("get","testAjax.txt");

                            alert(xhr.readyState);

                            xhr.send();

                            xhr.onreadystatechange= function() {

                                     alert(xhr.readyState);

                                     if(xhr.readyState == 4 && xhr.status == 200) { //返回完整,请求成功

                                               var res =xhr.responseText; //获取返回值

                                               //拿到返回值后可对dom操作,局部刷新页面

                                               alert(res);

                                     }

                            }

                   }

         </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值