get vs post

最新推荐文章于 2022-07-22 22:40:10 发布

milk1626

最新推荐文章于 2022-07-22 22:40:10 发布

阅读量660

点赞数

分类专栏：读书笔记 JQuery AJAX 文章标签： function javascript button xhtml import ajax

本文链接：https://blog.csdn.net/milk1626/article/details/5455411

版权

读书笔记同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

JQuery

16 篇文章 0 订阅

订阅专栏

AJAX

13 篇文章 0 订阅

订阅专栏

改进AJAX学习笔记之客户端请求方式 get 和post 模式实例：

14-5.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" src="jquery.min.js"></script>
<script language="javascript">
function createQueryString(){
var firstName = encodeURI($("#firstName").val());
var birthday = encodeURI($("#birthday").val());
//组合成对象的形式
var queryString = {firstName:firstName,birthday:birthday};
return queryString;
}
function doRequestUsingGET(){
$.get("14-5.aspx",createQueryString(),
  //发送GET请求
  function(data){
   $("#serverResponse").html(decodeURI(data));
  }
);
}
function doRequestUsingPOST(){
$.post("14-5.aspx",createQueryString(),
  //发送POST请求
  function(data){
   $("#serverResponse").html(decodeURI(data));
  }
);
}
</script>
</head>

<body>
<h2>输入姓名和生日</h2>
<form>
<input type="text" id="firstName" /><br>
<input type="text" id="birthday" />
</form>
<form>
<input type="button" value="GET" οnclick="doRequestUsingGET();" /><br>
<input type="button" value="POST" οnclick="doRequestUsingPOST();" />
</form>
<div id="serverResponse"></div>
</body>
</html>

14-5.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"]);
%>