Post和Get的区别

从一个页面转向另一个页面的请求方式有两种,Post和Get. 
所有的人都知道如下区别: 
1.Post传输数据时,不需要在URL中显示出来,而Get方法要在URL中显示。 
2.Post传输的数据量大,可以达到2M,而Get方法由于受到URL长度的限制,只能传递大约1024字节. 
3.Post顾名思义,就是为了将数据传送到服务器段,Get就是为了从服务器段取得数据.而Get之所以也能传送数据,只是用来设计告诉服务器,你到底需要什么样的数据.Post的信息作为http请求的内容,而Get是在Http头部传输的。 
下面就说说页面之间传值的方法:我们的form表单的method方法,有两个,post,get.它在页面传值的时候的区别也就是上面提到的三点. 

先来看一下post方法. 
1.在页面上新建一个form,不要加上runat="server"的标志,当然在这个窗体下的控件也就不用想用Viewstate来传值了.当在其他有runat="server"的窗体的中的按钮事件中,手动调用新建form的submit() 函数. 
传送页面代码如下: 

  1. <form id="forPost" method="post" action="Default2.aspx">   
  2. <input type="text" id="SourceData2" runat="server" />  
  3. <input id="Button1" type="button" onclick="post();" value ="post提交" />  
  4. </form>  
  5.   
  6. 接收页面   
  7. using System;   
  8. using System.Collections;   
  9. using System.Configuration;   
  10. using System.Data;   
  11. using System.Linq;   
  12. using System.Web;   
  13. using System.Web.Security;   
  14. using System.Web.UI;   
  15. using System.Web.UI.HtmlControls;   
  16. using System.Web.UI.WebControls;   
  17. using System.Web.UI.WebControls.WebParts;   
  18. using System.Xml.Linq;   
  19.   
  20. public partial class ExpedientInfront_ExpCompany_Default2 : System.Web.UI.Page   
  21. {   
  22. protected void Page_Load(object sender, EventArgs e)   
  23. {   
  24. post();   
  25. }   
  26. public void post()   
  27. {   
  28. Response.Write(Request.Form["SourceData2"].ToString());   
  29. }   
  30. }   
  31. 2.通过Session取值,在一个页面中赋值,在其他页面中共享,这个方式也被广泛应用,个人不倾向于用这种方式,我怕造成Session值的混乱无序,Session用来存一些公共的东西已经累得够呛了   
  32.   
  33. 3.通过Context传值,在传送页面之前,将需要传递到其他页面的值存在Context中。示例代码如下:   
  34.   
  35. 传送页面   
  36. //点击某个button时触发   
  37. private void btnTransfer_ServerClick(object sender, EventArgs e)   
  38. {   
  39. Context.Items["SourceData"]=SourceData.Value;   
  40. Server.Transfer("DestinationPage.aspx");   
  41. }   
  42. 接收页面   
  43. string a=Context.Items["SourceData"].ToString();   
  44. 4.通过Server.Transfer的方式。   
  45. 这个方式在方法三种已经用到了,不过可以在调用页面为要传递到被调用页面的值创建属性(当然可以直接将它设成public),这样就可以在其他页面访问了。   
  46.   
  47. 传送页面   
  48. //要传送的值   
  49. private   
  50. System.Web.UI.HtmlControls.HtmlInputText SourceData;   
  51.   
  52. public string getSourceData   
  53. {   
  54. get   
  55. {   
  56. return SourceData.Value;   
  57. }   
  58. }   
  59.   
  60. //传送页面   
  61. Server.Transfer("DestinationPage.aspx");   
  62. 接收页面   
  63. private SourceClass sourcePage;   
  64.   
  65. sourcePage=(SourceClass)Context.Handler;   
  66. string aa=sourcePage.getSourceData;   
  67. 以上就是Post的在不同页面传递数据的方式了。   
  68. 下面是get方法   
  69. 我常用的是 传送页面   
  70. aspx页面   
  71.   
  72. <form id="Form1" runat="server">  
  73. <input type="text" runat="server" id="SourceData" />  
  74. <asp:Button ID="btnTransfer" runat="server" Text="get提交" nclick="btnTransfer_Click" />   
  75. </form>   
  76. aspx.cs代码:   
  77. protected void btnTransfer_Click(object sender, EventArgs e)   
  78. {   
  79. string bb = this.SourceData.Value;   
  80. string url = "Default2.aspx?aa=" + bb;   
  81. Response.Redirect(url);   
  82. }   
  83. 接收页面:   
  84. using System;   
  85. using System.Collections;   
  86. using System.Configuration;   
  87. using System.Data;   
  88. using System.Linq;   
  89. using System.Web;   
  90. using System.Web.Security;   
  91. using System.Web.UI;   
  92. using System.Web.UI.HtmlControls;   
  93. using System.Web.UI.WebControls;   
  94. using System.Web.UI.WebControls.WebParts;   
  95. using System.Xml.Linq;   
  96.   
  97. public partial class ExpedientInfront_ExpCompany_Default2 : System.Web.UI.Page   
  98. {   
  99. protected void Page_Load(object sender, EventArgs e)   
  100. {   
  101. get();   
  102. }   
  103. public void get()   
  104. {   
  105. Response.Write(Request.QueryString["aa"].ToString());   
  106. }   
  107. }   



Ajax, 选择GET还是POST?

  当我们不通过重新加载页面,用Ajax访问服务器的时候,有两个选择可以将请求信息传送到服务器上。这两个选择分别是GET和POST。

  在把请求信息发送到服务器上以加载新的页面时,这两个选择有两个不同之处。第一个区别是你是请求了信息的一小部分而不是整个页面。第二个区别也是最明显的区别是由于Ajax请求不会出现在地址栏中,因此当发送请求时,在访问者的屏幕上是看不出什么异同的。使用GET生成调用不会暴露域和它们的值,使用POST也不会暴露。因此,我们要怎样在这两者之间作出选择呢?

  初学者可能犯的一个错误是对于大多数的调用都使用GET命令,仅仅因为这一命令相对而言更容易编写。GET与POST调用之间最显著的差异是当发出加载新页面请求时,GET调用对于同样数量的数据有着相同的限制。唯一的区别是你处理的少量的Ajax请求数据,而你并不想通过这种长度运行的限制来完成页面的加载。初学者可能会在少数情况下,如他们确实需要传送更多信息时,使用POST。

  当我们有大量数据要传送时最好的办法是一次发出多个只传递少量信息的Ajax调用时。如果你正用一个Ajax调用发送大量数据,那么最好是结束这种做法,因为这样做并不能节约时间。

  因此,需要传送大量数据能成为我们在GET和POST之间犹豫不决的理由吗?这两个方法都是为不同的目的而设计的,两者的不同也在于其使用目的。这一说法不仅适用于GET和POST的使用,也适用于其他的方法。

  GET的目的就如同其名字一样是用于获取信息的。它旨在显示出页面上你要阅读的信息。浏览器会缓冲GET请求的执行结果,如果同样的GET请求再次发出,浏览器就会显示缓冲的结果而不是重新运行整个请求。这一流程不同于浏览器的处理过程,但是它是有意设计成这样以使GET调用更有效率。GET调用会检索要显示在页面中的数据,数据不会在服务器上被更改,因此重新请求相同数据的时候会得到相同的结果。

  POST方法应该用于你需要更新服务器信息的地方。如某调用要更改保存在服务器上的数据,而从两个同样的POST调用返回的结果或许会完全不同,因为第二个POST调用的值与第一个的值不相同,这是由于第一个调用已经更新了其中一些值。POST调用通常会从服务器上获取响应而不是保持前一个响应的缓冲。

  因此,不要用数据的量来决定是要选择GET还是POST,而应该按照目的在两者间作出选择。如果调用是要检索服务器上的数据则使用GET。如果要检索的值会随时间和更新进程的改变而改变则要在GET调用中添加一个当前时间参数,这样后面的调用才不会使用先前的不正确的缓冲。如果调用是向服务器上发送任意数据,就可以使用POST。

  事实上,我们不应该不仅仅只将这个标准作为选择怎样使用GET和POST调用的标准,在处理页面处理形式的时候也可以将它作为取舍这两个调用的标准。

例:Ajax 进行Post传值和Get传值

以下AJAX post 传值 

  1. <head>  
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  3. <title>Untitled Document</title>  
  4. </head>  
  5.   
  6.   
  7. <script language="javascript">  
  8. function saveUserInfo()  
  9. {  
  10. //获取接受返回信息层  
  11. var msg = document.getElementById("msg");  
  12.   
  13. //获取表单对象和用户信息值  
  14. var f = document.user_info;  
  15. var userName = f.user_name.value;  
  16. var userAge   = f.user_age.value;  
  17. var userSex   = f.user_sex.value;  
  18.   
  19. //接收表单的URL地址  
  20. var url = "/ajax_output.php";  
  21.   
  22. //需要POST的值,把每个变量都通过&来联接  
  23. var postStr   = "user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex;  
  24.   
  25. //实例化Ajax  
  26. //var ajax = InitAjax();  
  27.   
  28.   
  29.           var ajax = false;  
  30.          //开始初始化XMLHttpRequest对象  
  31.          if(window.XMLHttpRequest) { //Mozilla 浏览器  
  32.                  ajax = new XMLHttpRequest();  
  33.                  if (ajax.overrideMimeType) {//设置MiME类别  
  34.                          ajax.overrideMimeType("text/xml");  
  35.                  }  
  36.          }  
  37.          else if (window.ActiveXObject) { // IE浏览器  
  38.                  try {  
  39.                          ajax = new ActiveXObject("Msxml2.XMLHTTP");  
  40.                  } catch (e) {  
  41.                          try {  
  42.                                  ajax = new ActiveXObject("Microsoft.XMLHTTP");  
  43.                          } catch (e) {}  
  44.                  }  
  45.          }  
  46.          if (!ajax) { // 异常,创建对象实例失败  
  47.                  window.alert("不能创建XMLHttpRequest对象实例.");  
  48.                  return false;  
  49.          }  
  50.                   
  51.                   
  52.                   
  53.   
  54. //通过Post方式打开连接  
  55. ajax.open("POST", url, true);  
  56.   
  57. //定义传输的文件HTTP头信息  
  58. ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
  59.   
  60. //发送POST数据  
  61. ajax.send(postStr);  
  62.   
  63. //获取执行状态  
  64. ajax.onreadystatechange = function() {   
  65.    //如果执行状态成功,那么就把返回信息写到指定的层里  
  66.    if (ajax.readyState == 4 && ajax.status == 200) {   
  67.     msg.innerHTML = ajax.responseText;   
  68.    }   
  69. }   
  70. }  
  71. </script>  
  72. <body >  
  73. <div id="msg"></div>  
  74. <form name="user_info" method="post" action="">  
  75. 姓名:<input type="text" name="user_name" /><br />  
  76. 年龄:<input type="text" name="user_age" /><br />  
  77. 性别:<input type="text" name="user_sex" /><br />  
  78.   
  79. <input type="button" value="提交表单" onClick="saveUserInfo()">  
  80. </form>  
  81.   
  82. </body>   
  83.   
  84. 以下是AJAX get传值   
  85.   
  86. <head>  
  87. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  88. <title>Untitled Document</title>  
  89. </head>  
  90.   
  91.   
  92. <script language="javascript">  
  93. function saveUserInfo()  
  94. {  
  95. //获取接受返回信息层  
  96. var msg = document.getElementById("msg");  
  97.   
  98. //获取表单对象和用户信息值  
  99. var f = document.user_info;  
  100. var userName = f.user_name.value;  
  101. var userAge   = f.user_age.value;  
  102. var userSex   = f.user_sex.value;  
  103.   
  104. //接收表单的URL地址  
  105. var url = "/ajax_output.php? user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex";  
  106.   
  107. //实例化Ajax  
  108. //var ajax = InitAjax();  
  109.   
  110.   
  111.           var ajax = false;  
  112.          //开始初始化XMLHttpRequest对象  
  113.          if(window.XMLHttpRequest) { //Mozilla 浏览器  
  114.                  ajax = new XMLHttpRequest();  
  115.                  if (ajax.overrideMimeType) {//设置MiME类别  
  116.                          ajax.overrideMimeType("text/xml");  
  117.                  }  
  118.          }  
  119.          else if (window.ActiveXObject) { // IE浏览器  
  120.                  try {  
  121.                          ajax = new ActiveXObject("Msxml2.XMLHTTP");  
  122.                  } catch (e) {  
  123.                          try {  
  124.                                  ajax = new ActiveXObject("Microsoft.XMLHTTP");  
  125.                          } catch (e) {}  
  126.                  }  
  127.          }  
  128.          if (!ajax) { // 异常,创建对象实例失败  
  129.                  window.alert("不能创建XMLHttpRequest对象实例.");  
  130.                  return false;  
  131.          }  
  132.                   
  133.                   
  134.                   
  135.   
  136. //通过Post方式打开连接  
  137. ajax.open("GET", url, true);  
  138.   
  139. //发送GET数据,已经在URL中赋了值所以send那里只要加个空参.  
  140. ajax.send(null);  
  141.   
  142. //获取执行状态  
  143. ajax.onreadystatechange = function() {   
  144.    //如果执行状态成功,那么就把返回信息写到指定的层里  
  145.    if (ajax.readyState == 4 && ajax.status == 200) {   
  146.     msg.innerHTML = ajax.responseText;   
  147.    }   
  148. }   
  149. }  
  150. </script>  
  151. <body >  
  152. <div id="msg"></div>  
  153. <form name="user_info" method="post" action="">  
  154. 姓名:<input type="text" name="user_name" /><br />  
  155. 年龄:<input type="text" name="user_age" /><br />  
  156. 性别:<input type="text" name="user_sex" /><br />  
  157.   
  158. <input type="button" value="提交表单" onClick="saveUserInfo()">  
  159. </form>  
  160.   
  161. </body>  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值