POST 请求,ajax教程|计算机毕业设计,计算机毕业论文开题报告,毕设作品网

<!DOCTYPE html>
<html>
<title>小白教程网(www.2d5.net)</title>
<head>
    <meta charset="utf-8">
    <script>
        function loadTxt()
        {
            var xmlhttp;
            if (window.XMLHttpRequest)
            {
                //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                xmlhttp=new XMLHttpRequest();
            }
            else
            {
                // IE6, IE5 浏览器执行代码
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                }
            }
            //GET 和 POST 这里设置
            xmlhttp.open("POST","post1.php",true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
 
<div id="myDiv"><h2>点击按钮后获取服务器数据覆盖此处内容</h2></div>
<button type="button" onclick="loadTxt()">POST获取服务器当前时间</button>
 
</body>
</html>

效果图

post1.php代码

该页面是Post过来的页面<br>

请求时间

<?php

$localtime=date('Y-m-d H:i:s',time());

echo $localtime;

如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

实例

xmlhttp.open("POST","post1.php",true);

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmlhttp.send("fname=Henry&lname=Ford");

方法

描述

setRequestHeader(header,value)

向请求添加 HTTP 头。

header: 规定头的名称

value: 规定头的值

上一篇： GET 请求

下一篇：同步和异步