AJAX： GET方法
例如：
data.PHP
<?PHP $number = $_GET['num1'] + $_GET['num2']; echo $number; ?>
<!doctype html> <html lang="en"> <head> <Meta charset="UTF-8"> <title>Document</title> <SCRIPT TYPE="text/javascript"> var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+,Firefox,Chrome,Opera,Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6,IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } function clickme () { document.getElementById('show').innerHTML = xmlhttp.responseText; } xmlhttp.open("GET","./data.PHP?num1=1&num2=2",true); xmlhttp.send(); </SCRIPT> </head> <body> <input type="button" value="异步数据" onclick="clickme()"> <div id="show"></div> </body> </html>
显示效果
AJAX ：POST方法
data.PHP
<?PHP $number = $_POST['num1'] + $_POST['num2']; echo $number; ?>
<!doctype html> <html lang="en"> <head> <Meta charset="UTF-8"> <title>Document</title> <SCRIPT TYPE="text/javascript"> var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+,IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } function clickme () { document.getElementById('show').innerHTML = xmlhttp.responseText; } xmlhttp.open("POST","./data.PHP",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("num1=1&num2=2"); </SCRIPT> </head> <body> <input type="button" value="异步数据" onclick="clickme()"> <div id="show"></div> </body> </html>
效果图:
原文链接：https://www.f2er.com/ajax/165173.html
