ajax数据交互--GET
Posted zhangcheng001
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax数据交互--GET相关的知识，希望对你有一定的参考价值。
GET方法实现从服务器获取数据
html代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> function funget() var xhr; if(window.XMLHttpRequest) xhr = new XMLHttpRequest; else xhr = new ActiveXObject(‘Microsoft.XMLHTTP‘); xhr.onreadystatechange = function () if(xhr.readyState == 4 && xhr.status == 200) document.getElementById(‘content‘).innerHTML = xhr.responseText; xhr.open(‘GET‘,‘get.php‘,true); xhr.send(); </script> <style> .root text-align: center #content color: red; font-size: 30px; </style> </head> <body> <div class="root"> <button onclick="funget()">点一下</button> <br><br><br> <div id="content"></div> </div> </body> </html>
页面是这样：
点击按钮 获取数据 PHP代码部分
<?php echo ‘GET方法<br>‘; echo date(‘Y-m-d H:i:s‘,time()); ?>
这里是点击获取的时间，点击按钮后页面不会刷新，实现了局部的数据交互，显示为：
以上是关于ajax数据交互--GET的主要内容，如果未能解决你的问题，请参考以下文章