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

PHP部分:

<?php

echo "这是一条post方式传递过来的数据:";
print_r($_POST);

HTML部分:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>发送post请求</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);
            }
        }

        // 创建一个http请求,并设置“请求地址”及异步请求方式
        obj.open("post", "./test.php");
        // 设置HTTP头协议信息
        obj.setRequestHeader("content-type", "application/x-www-form-urlencoded");
        var info = "fname=" + "小明" + "&addr=beijing";
        // 发送请求
        obj.send(info);
    </script>
</head>
<body>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_42195688/article/details/80372383
今日推荐