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

一个简单的 GET 请求:

示例

小白教程网www.2d5.net

代码

<!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;
                }
            }
            xmlhttp.open("GET","mydate.php",true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
 
<div id="myDiv"><h2>点击按钮后获取服务器数据覆盖此处内容</h2></div>
<button type="button" onclick="loadTxt()">获取服务器当前时间</button>
 
</body>
</html>

mydate.php代码:获取服务器当前时间

<?php

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

echo $localtime;

?>

效果图

小白教程网www.2d5.net

image.png

在上面的例子中,您可能得到的是缓存的结果。

为了避免这种情况,请向 URL 添加一个唯一的 ID

xmlhttp.open("GET","mydate.php?t=" + Math.random(),true);

xmlhttp.send();

如果您希望通过 GET 方法发送信息,请向 URL 添加信息:

xmlhttp.open("GET","mydate.php?fname=Henry&lname=Ford",true);

xmlhttp.send();


上一篇: XMLHttpRequest请求 下一篇: POST 请求
毕业设计网             广告联系QQ:45157718(微信同号)