get和post是http请求方法最主要的两种方式。
post：
来个例子test.html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="password" id="password"> <input type="button" value="submit" id="submit"> <div id="txt"></div> <script> //监听对象 document.getElementById('submit').onclick = function(){ var password = document.getElementById('password').value; var url = "index.php?password=" + password; post(url,function(data){ document.getElementById('txt').innerHTML = data; }) } //简单的post封装 function post(url,callback,async){ var xhr = new XMLHttpRequest(); async = async ? async :true; xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ callback(xhr.responseText); } } xhr.open("post",param(url)[0],async); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded") xhr.send(param(url)[1]); } function param(url){ var arr = url.split("?"); return arr; } </script> </body> </html>
index.php
<?php echo "your password is ".$_POST['password']; ?>
说明一下：post所请求的页面是无法使用缓存，跟get一样的是，post这中请求方式一般也是采用异步。但是还有一个问题没有搞明白，post传递的url中的字符串参数是否需要编码？