|
|
例子来源：《Ajax 基础教程》 金灵 等译 这本书非常不错
getAndPostExample.html
<html><head><title>Sending Request Data Using GET and POST </title><script type="text/javascript">var xmlHttp;function createXMLHttpRequest() {if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}else if (window.XMLHttpRequest) {xmlHttp = new XMLHttpRequest();}}function createQueryString() {var firstName = document.getElementById("firstName").value;var middleName = document.getElementById("middleName").value;var birthday = document.getElementById("birthday").value;var queryString = "firstName=" + firstName + "&middleName=" + middleName + "&birthday=" + birthday;return queryString;}function doRequestUsingGET() {createXMLHttpRequest();var queryString = "GetAndPostExample?";queryString = queryString + createQueryString() + "&timeStamp=" + new Date().getTime();xmlHttp.onreadystatechange = handleStateChange;xmlHttp.open("GET", queryString, true);xmlHttp.send(null);}function doRequestUsingPOST() {createXMLHttpRequest();var url = "GetAndPostExample?timeStamp=" + new Date().getTime();var queryString = createQueryString();xmlHttp.open("POST", url, true);xmlHttp.onreadystatechange = handleStateChange;xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");xmlHttp.send(queryString);}function handleStateChange() {if(xmlHttp.readyState == 4) {if(xmlHttp.status == 200) {parseResults();}}}function parseResults() {var responseDiv = document.getElementById("serverResponse");if(responseDiv.hasChildNodes()) {responseDiv.removeChild(responseDiv.childNodes[0]);}var responseText = document.createTextNode(xmlHttp.responseText);responseDiv.appendChild(responseText);}</script></head><body><form action="#" ><h1>Enter your first name, middle name, and birthday:</h1><table><tbody><tr><td>First name:</td><td><input type="text" id="firstName" /></td></tr><tr><td>Middle name:</td><td><input type="text" id="middleName" /></td></tr><tr><td>Birthday:</td><td><input type="text" id="birthday" /></td></tr></tbody></table><input type="button" value="Send parameters using GET" /><br /><br /><input type="button" value="Send parametters using POST" /></form><br /><h2>Server Response:</h2><div id="serverResponse"></div></body></html> |
|
京ICP备14020293号-2
本网站内容均收集于互联网，如有问题请联系QQ:389897944予以删除
窥视卡
雷达卡
楼主
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡