创建ajax的步骤

最新推荐文章于 2024-05-01 10:23:16 发布

VIP文章前端王基

最新推荐文章于 2024-05-01 10:23:16 发布

阅读量1.9k

点赞数

文章标签： ajax 服务器前端

本文链接：https://blog.csdn.net/weixin_43638890/article/details/122085795

版权

练习:使用ajax获取本地txt文本数据或者免费的api接口数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 1、创建对象
       var ajax_ = new XMLHttpRequest() || new ActiveXObject('Microsoft.XMLHTT');
        //2、建立连接
        // ajax_.open('get','./demo.txt',true);
        ajax_.open('get','https://api.apiopen.top/todayVideo',true);
        
        //3、发送请求
        ajax_.send();
       
        //4、接收服务器数据
        ajax_.onreadystatechange = function(){
           /*  if(ajax_.readyState==4 &&ajax_.status == 200 ){
                console.log(ajax_.responseText);
            } */

            if(ajax_.readyState==4){
                if(ajax_.status==200){
                    console.log(ajax_.responseText);
                }else{
                    console.log('获取连接失败');
                }
            }
        }
      
    </script>
</body>
</html>

创建ajax的步骤：

创建Ajax对象
连接到服务器
发送请求

最低0.47元/天解锁文章

前端王基

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
创建ajax的步骤

创建ajax的步骤：创建Ajax对象连接到服务器发送请求接收返回值一.创建Ajax对象语法:非IE6语法：var oAjax=new XMLHttpRequest();老版本IE5 和 IE6语法：varoAjax=new ActiveXObject("Microsoft.XMLHTTP")<!DOCTYPE html><html lang="en"><head> .
复制链接

扫一扫