JavaScript-GET请求方式

最新推荐文章于 2024-08-18 20:04:04 发布

[前端]-小王

最新推荐文章于 2024-08-18 20:04:04 发布

阅读量7.7k

点赞数 1

分类专栏：常见问题 JS-GET请求文章标签： javascript html5 ajax

本文链接：https://blog.csdn.net/wy080815/article/details/119655762

版权

常见问题同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

JS-GET请求

1 篇文章 0 订阅

订阅专栏

JavaScript-GET请求方式

文章目录

JavaScript-GET请求方式
一、JavaScript 是什么？
二、使用步骤
- 1.直接上demo
总结

# 小伙伴们点赞、收藏、评论是对我最大的支持！！提示：以下是本篇文章正文内容，下面案例可供参考

一、JavaScript 是什么？

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式

二、使用步骤

1.直接上demo

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
        <title>JS---GET请求</title>
        <script>
            window.onload = function(){
                var oBtn = document.getElementById("btn1");
                oBtn.onclick = function(){
                    //1、创建ajax对象
                    var xhr = null;
                    try{
                        xhr = new XMLHttpRequest();
                    }catch(error){
                        xhr = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    //2、调用open
                    xhr.open("get", "1.get.php?username=yyy&age=19&password=123abc", true);
                    //3、调用send
                    xhr.send();
                    //4、等待数据响应
                    xhr.onreadystatechange = function(){
                        if(xhr.readyState == 4){
                            //判断本次下载的状态码都是多少
                            if(xhr.status == 200){
                                alert(xhr.responseText);
                            }else{
                                alert("Error:" + xhr.status);
                            }
                        }
                    }
                }
            }
        </script>
    </head>
    <body>
        <button id = 'btn1'>GET请求</button>
    </body>
</html>