ajax简单实现从本地服务器下载数据

## ajax
是指一种创建交互式网页应用的网页开发技术。
通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
在C:\PHPnow\htdocs\mysql文件夹下创建两个文件,一个是被下载的文件(1.txt)
一个是html文件(ajax.html),用于操作

代码块

window.onload = function(){
            var oBtn = document.getElementById("btn1");
            oBtn.onclick = function(){
                //创建ajax对象
                var xhr = new XMLHttpRequest();
                //调用open函数
                /* 
                第一个参数:请求方式 get post
                第二个参数:url
                第三个参数:是否异步
                        true 异步(一般用true)
                        false 同步
                */
                xhr.open("post","1.txt",true);


                //调用send
                xhr.send();

                //等待数据响应
                xhr.onreadystatechange = function(){
                    if(xhr.readyState ==4){
                        document.write(xhr.response);
                    }
                }
            }
        }
        <button id="btn1">下载数据</button>

在浏览器直接输入网址http://localhost/mysql/ajax.html直接进入

这里PHPnow(sql php apache)服务器与js搭配使用然后本人用来学习ajax

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值