get and post
get方法把值作為名/值對放在請求URL中傳遞。URL後有個問號，問號後面就是名/值對。採用post方法向伺服器發送參數，與採用GET方法基本一樣。主要區別在於，POST方法把參數放在請求體中發送，而GET方法是把參數追加在URL之後發送。使用GET發送的資料量是固定，通常因瀏覽器不同而異，而POST方法可以發送任意資料量。
HTML的FORM元素允許通過將FORM元素的Method屬性設定為get或者post，form元素自動根據method屬性對input元素的資料進行編碼。
setRequestHeader:
此方法必須在open方法後調用，FORM元素的enctype屬性指定了表單資料向伺服器提交時所採用的編碼類別型，預設的預設值是“application/x-www-form-urlencoded”。
例：
getAndPostExample.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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||xmlHttp.status==0) {
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>
<h1>Enter your first name, middle name, and birthday:</h1>
<table>
<tbody>
<tr>
<td>First name:</td>
<td><input type="text" id="firstName"/>
</tr>
<tr>
<td>Middle name:</td>
<td><input type="text" id="middleName"/>
</tr>
<tr>
<td>Birthday:</td>
<td><input type="text" id="birthday"/>
</tr>
</tbody>
</table>
<form action="#">
<input type="button" value="Send parameters using GET" onclick="doRequestUsingGET();"/>
<br/><br/>
<input type="button" value="Send parameters using POST" onclick="doRequestUsingPOST();"/>
</form>
<br/>
<h2>Server Response:</h2>
<div id="serverResponse"></div>
</body>
</html>
注意:把時間戳記加到URL的最後是為了保證URL的唯一性。
對以程式的伺服器處理方式可以用java servlet來處理
java servlet必須定義doget和dopost，其中每個方法都根據get和post來調用。
import java.io.*;
import java.net.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class GetAndPostExample extends HttpServlet {
protected void processRequest(HttpServletRequest request,
HttpServletResponse response, String method)
throws ServletException, IOException {
//Set content type of the response to text/xml
response.setContentType("text/xml");
//Get the user's input
String firstName = request.getParameter("firstName");
String middleName = request.getParameter("middleName");
String birthday = request.getParameter("birthday");
//Create the response text
String responseText = "Hello " + firstName + " " + middleName
+ ". Your birthday is " + birthday + "."
+ " [Method: " + method + "]";
//Write the response back to the browser
PrintWriter out = response.getWriter();
out.println(responseText);
//Close the writer
out.close();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//Process the request in method processRequest
processRequest(request, response, "GET");
}
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//Process the request in method processRequest
processRequest(request, response, "POST");
}
}
javax.servlet 軟體包中的相關類為ServletRequest和ServletResponse，而javax.servlet.http 軟體包中的相關類為HttpServletRequest 和 HttpServletResponse。Servlet 通過這些對象與伺服器通訊並最終與客戶機通訊。
注意: service() 方法是 Servlet 的核心。每當一個客戶請求一個HttpServlet 對象，該對象的service() 方法就要被調用，而且傳遞給這個方法一個"請求"(ServletRequest)對象和一個"響應"(ServletResponse)對象作為參數。在 HttpServlet 中已存在 service() 方法。預設的服務功能是調用與 HTTP 要求的方法相應的 do 功能。所以不必要覆蓋 service() 方法。只需覆蓋相應的 do 方法就可以了。
Servlet各個服務方法做以介紹.
1. doGet() :調用伺服器的資源,並將其作為響應返回給用戶端.doGet()調用在URL力顯示正在傳送給Servlet的資料,這在系統的安全方面可能帶來一些問題,比如說,使用者登入市,表單裡的使用者名稱和密碼需要發送到伺服器端,doGet()調用會在瀏覽器的URL裡顯示使用者名稱和密碼.
2. doPost() :它用於把用戶端的資料傳給服務端,使用它可以隱藏方式給伺服器端發送資料.Post適合發送大量資料.
3. doPut() :調用和Post相似,它允許用戶端把真正的檔案存放在伺服器上,而不僅僅是傳送資料.
4. doDelete() :它允許用戶端刪除伺服器端的檔案或者Ｗｅｂ頁面．它的使用也非常少．
5. doHead() :它用於處理用戶端的Head調用,並且返回一個response.當用戶端只需要直到響應的Header時,它就發出一個Header請求.這種情況下用戶端往往關心響應的長度和響應的MIME類型.
6. doOptions():它用於處理用戶端的Options調用,通過這個調用,用戶端可以獲得此Servlet支援的方法.如果Servlet覆蓋了doPost()方法,那麼將返回:
Allow:POST,TRACE,OPTIONS,HEAD
一般情況下不需要覆蓋這個方法.
Httpservlet詳解見java基礎中的內容
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
