xhr的基本使用-使用xhr发起带参数的GET请求

使用xhr发起带参数的GET请求

使用xhr对象发起带参数的GET请求时，只需在调用xhr.open期间，为URL地址指定参数即可:

这种在URL地址后面拼接的参数，叫做查询字符串。

代码示例：

复制代码
<!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>

</body>
<script>
    var xhr = new XMLHttpRequest()
    xhr.open('GET', 'http://www.liulongbin.top:3006/api/getbooks?id=1')
    xhr.send()
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            console.log(xhr.responseText);
        }
    }
</script>

</html>
复制代码

 

posted @   今天穿秋裤了吗  阅读(1088)  评论(0)  编辑  收藏  举报
相关博文：
·  查询字符串
·  使用xhr发起GET数据请求
·  什么XMLHttpRequest，使用xhr发起get请求和URL编码与解码
·  XMLHttpRequest的基本使用
·  XMLHttpRepueset 的基本使用
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手