位置:电子教程 > ajax教程 (如果看不到内容请使用360浏览器) 推荐学习资源
AJAX 教程概要
AJAX 工作原理
创建 XMLHttpRequest 对象
XMLHttpRequest请求
XMLHttpRequest 服务器 响应
onreadystatechange 事件
AJAX PHP实例
AJAX 3级联动全国区域
当前阅读教程:ajax教程 > POST 请求
阅读(22555525)      收藏       赞(5685)      分享
上一篇: GET 请求 下一篇: 同步和异步

POST 请求

一个简单 POST 请求:

实例

<!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>

效果图

小白教程网www.2d5.net

image.png

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 请求 下一篇: 同步和异步
毕业设计网             广告联系QQ:45157718(微信同号)