 |
位置：电子教程 > ajax教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > ajax教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| AJAX 教程概要 |
| AJAX 工作原理 |
| 创建 XMLHttpRequest 对象 |
| XMLHttpRequest请求 |
| XMLHttpRequest 服务器 响应 |
| onreadystatechange 事件 |
| AJAX PHP实例 |
| AJAX 3级联动全国区域 |
| 当前阅读教程：ajax教程 > GET 请求 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： XMLHttpRequest请求 | 下一篇： POST 请求 |
|
一个简单的 GET 请求： 示例代码 <!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; ?> 效果图
在上面的例子中，您可能得到的是缓存的结果。 为了避免这种情况，请向 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 请求 |
