AJAX-GET

最新推荐文章于 2024-09-11 02:20:32 发布

anh_qwh

最新推荐文章于 2024-09-11 02:20:32 发布

阅读量321

点赞数

分类专栏： AJAX WEB前端文章标签： ajax get

本文链接：https://blog.csdn.net/QWH_PYTHON/article/details/103623878

版权

WEB前端同时被 2 个专栏收录

61 篇文章 0 订阅

订阅专栏

AJAX

3 篇文章 0 订阅

订阅专栏

AJAX-GET

GET

数据会出现在地址栏中
长度限制
get.php

<?php
	//输出get请求
	echo $_GET['age'];
	echo "你好啊"
?>

get.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <button id="btn">点我</button>
</body>
<script>
    window.onload = function(){
        var btn = document.getElementById("btn");
        btn.onclick = function(){
            var xhr;
            // 1、建立一个 xhr 对象
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else{
                xhr = new ActiveXObject();
            }
            // 打开一个服务器连接
            xhr.open("GET","./get.php?age=188",true);
            // 3、发送请求
            xhr.send();
            // 4、检测
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4&&xhr.status==200){
                    console.log(xhr.responseText);
                }
            }
        }
    }
</script>
</html>