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> 效果图 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"); 方法
|
|||||
上一篇: GET 请求 | 下一篇: 同步和异步 |