JavaScript异步请求php示例--GET请求

最新推荐文章于 2021-11-07 21:17:15 发布

KeepFang

最新推荐文章于 2021-11-07 21:17:15 发布

阅读量1.1k

点赞数

分类专栏：前端与前端框架文章标签： ajax php JavaScript 异步请求

本文链接：https://blog.youkuaiyun.com/qq_42195688/article/details/80372306

版权

前端与前端框架专栏收录该内容

8 篇文章

订阅专栏

本文提供了一个JavaScript通过AJAX进行异步GET请求PHP的示例。在PHP部分，创建了处理请求的脚本；在HTML部分，展示了如何使用JavaScript发起请求并处理响应。详细内容请参考原文地址：<a href='https://blog.youkuaiyun.com/qq_42195688/article/details/80372306'>博客链接</a>

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PHP部分：

<?php
echo "这是一条get方式传递过来的数据：";
print_r($_GET);

HTML部分：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>发送一个get请求</title>
    <script>
    // 第一步：创建ajax对象
    //判断用户的浏览器类型，决定使用何种方式ajax对象
    if (typeof ActiveXObject != "undefined") {
        var version = [
            'Msxml2.XMLHTTP.6.0',
            'Msxml2.XMLHTTP.5.0',
            'Msxml2.XMLHTTP.3.0',
            'Msxml2.XMLHTTP',
            'Microsoft.XMLHTTP'
        ];
        for (var i = 0; i <= version.length; i++) {
            try {
                var obj = new ActiveXObject(version[i]);
                if (typeof obj != "undefined") {
                    break;
                }
            } catch(ex) {

            }
        }
    } else {
        var obj = new XMLHttpRequest();
    }
    // 感知ajax状态，当ajax状态改变是会触发事件onreadystatechange
    obj.onreadystatechange = function(){
        // 当前状态为4时，数据接收完毕
        if (obj.readyState == 4 && obj.status == 200) {
            // 输出响应信息
            alert(obj.responseText);
        }
    }

    // 设置GET传递的信息
    var name = '小明';
    // 处理中文乱码
    name = encodeURIComponent(name);
    // 第二步：创建一个HTTP请求，并设置"请求地址"及异步请求方式
    obj.open("get", "./test.php?fname=" + name + "&addr=beijing", true);
    // 第三步：发送请求
    obj.send();

    </script>
</head>
<body>
</body>
</html>

原文地址：https://blog.youkuaiyun.com/qq_42195688/article/details/80372306