AJAX 学习笔记[三] get 与post 模式的区别
2013-08-31 10:56
357 查看
如果是get 模式的请求,则将传递参数通过URL 地址发送到服务器端;
如果是post 模式的请求,则将传递参数通过send( ) 方法发送到服务器端(并且必须设置请求文件头);
post 模式的代码如下:
一个演示get 模式与post 模式区别的示例:
客户端(9-3.html)
代码示例:
服务器端(9-3.aspx)
代码示例:
通常在数据不多,并且不敏感的时候,使用get 模式的请求;
而数据量大,或者数据敏感的时候,使用post 模式的请求。
如果是post 模式的请求,则将传递参数通过send( ) 方法发送到服务器端(并且必须设置请求文件头);
post 模式的代码如下:
<script type="text/javascript"> |
<!-- |
var queryString = "firstName=xugang&birthday=1227"; |
var url = "9-3.aspx?timetamp=" + new Date().getTime(); |
xmlHttp.open("POST",url); |
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); |
xmlHttp.send(queryString); //该语句负责发送数据 |
//--> |
</script> |
一个演示get 模式与post 模式区别的示例:
客户端(9-3.html)
代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<html> |
<head> |
<title>GET VS. POST</title> |
<script language="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 birthday = document.getElementById("birthday").value; |
var queryString = "firstName=" + firstName + "&birthday=" + birthday; |
return encodeURI(encodeURI(queryString)); //两次编码解决中文乱码问题 |
} |
// GET 模式 |
function doRequestUsingGET(){ |
createXMLHttpRequest(); |
var queryString = "9-3.aspx?"; |
queryString += createQueryString() + "×tamp=" + new Date().getTime(); |
xmlHttp.onreadystatechange = handleStateChange; |
xmlHttp.open("GET",queryString); |
xmlHttp.send(null); |
} |
// POST 模式 |
function doRequestUsingPOST(){ |
createXMLHttpRequest(); |
var url = "9-3.aspx?timestamp=" + new Date().getTime(); |
var queryString = createQueryString(); |
xmlHttp.open("POST",url); |
xmlHttp.onreadystatechange = handleStateChange; |
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); |
xmlHttp.send(queryString); |
} |
function handleStateChange(){ |
if(xmlHttp.readyState == 4 && xmlHttp.status == 200){ |
var responseDiv = document.getElementById("serverResponse"); |
responseDiv.innerHTML = decodeURI(xmlHttp.responseText); //解码 |
} |
} |
</script> |
</head> |
<body> |
<h2>输入姓名和生日</h2> |
<form> |
<input type="text" id="firstName" /><br> |
<input type="text" id="birthday" /> |
</form> |
<form> |
<input type="button" value="GET" onclick="doRequestUsingGET();" /><br> |
<input type="button" value="POST" onclick="doRequestUsingPOST();" /> |
</form> |
<div id="serverResponse"></div> |
</body> |
</html> |
服务器端(9-3.aspx)
代码示例:
<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %> |
<%@ Import Namespace="System.Data" %> |
<% |
if(Request.HttpMethod == "POST") |
Response.Write("POST: " + Request["firstName"] + ", your birthday is " + Request["birthday"]); |
else if(Request.HttpMethod == "GET") |
Response.Write("GET: " + Request["firstName"] + ", your birthday is " + Request["birthday"]); |
%> |
通常在数据不多,并且不敏感的时候,使用get 模式的请求;
而数据量大,或者数据敏感的时候,使用post 模式的请求。
作者: XuGang 网名:钢钢 |
出处: http://xugang.cnblogs.com |
声明: 本文版权归作者和博客园共有。转载时必须保留此段声明,且在文章页面明显位置给出原文连接地址 |
相关文章推荐
- AJAX 学习笔记[三] get 与post 模式的区别
- AJAX学习笔记之 客户端请求方式 get 和post 模式
- Servlet学习笔记(post提交以及get提交的区别)
- Asp.Net中Post与Get的区别(学习笔记)
- 学习笔记:get与post的区别,请求转发与请求重定向的区别
- learning jQuery 学习笔记十六(+jQuery 1.4.1 API)-- AJAX----$.get() & $.post()
- AJAX 学习笔记(4) GET与POST
- Asp.Net中Post与Get的区别(学习笔记)
- AJAX使用get与post模式的区别分析
- ajax 学习笔记之二 POST GET方式提交数据
- 黑马程序员之ASP.NET学习笔记: Http方法:Get请求与Post请求的区别
- 黑马程序员之ASP.NET学习笔记:GET与POST的区别
- Ajax的get和post模式的区别
- 学习笔记-post和get请求的区别
- 学习笔记_Java get和post区别(转载_GET一般用于获取/查询资源信息,而POST一般用于更新资源信息)
- ASP.Net学习笔记006--Get和Post的区别
- servlet的生命周期、解决乱码的方式和get方式提交与post方式提交的区别 学习笔记
- ajax中get和post两种请求的区别
- ajax中get和post的区别
- restlet2.1 学习笔记(二) 分别处理Get Post Put请求