get post 区别 以及get 为啥比post要快, ajax封装，以及 serialize表单序列化，ASP.net 默认是POST HTML 默认是Get

已于 2022-08-27 09:23:55 修改
阅读量1k 收藏 3
点赞数
文章标签： 网络 服务器 web http xmlhttprequest
于 2022-07-07 11:39:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013400314/article/details/125654163
版权

请求方式 get、post、delete、options、put等
经常在code中出现的是get post两种
get 请求：
1、传送的数据量较小（相对于post而言）。参数要放在url中，但url长度是有限制的【不同的浏览器长度不一样】，不是无限的，所以get传送的数据量不能超过2KB。
2、安全性非常低，因为参数暴露url中，而且get请求会被浏览器缓存起来。，你懂的
3、执行效率却比post要快。因为tcp协议
4、get请求的是静态资源，则会缓存，如果是数据，则不会缓存【并不是所有浏览器都会缓存的】

post请求：
1、传送的数据量较大，一般被默认认为不受限制的，但理论上，IIS4中最大量：80KB，IIS5中：100KB
2、安全性较高，因为参数是放在请求体中的。
3、执行效率比get慢些。
4、post将参数放在header内，用户看不到这个过程，
5、post请求要加请求头一般
content-type ： application/x-www-form-urlencode
6、不会被缓存、保存在服务器日志、以及浏览器浏览记录中
7.post会有浏览器提示重新提交表单的问题【用普通的http协议提交会有，ajax等没有的】，get没有。

post能发送更多的数据类型（get只能发送ASCII字符

post在真正接受数据之前会先将请求头发送给服务器进行确认，然后才真正发送数据。（小部队先探路，安全可靠，大部队在通过）
post请求过程：
1、浏览器请求tcp连接（第一次握手）
2、服务器应答进行tcp连接（第二次握手）
3、浏览器确认，并发送post请求头（第三次握手，这个报文比较小【小部队】，所以http会在此时进行第一次数据发送）
4、服务器返回100 continue 响应
4、浏览器开始发送数据
6、服务器返回200 ok 响应

get请求过程：
1、浏览器请求tcp连接（第一次握手）
2、服务器应答进行tcp连接（第二次握手）
3、浏览器确认，并发送get请求头和数据（第三次握手，这个报文比较小，所以http会在此时进行第一次数据发送）
4、服务器返回200 Ok 响应

目测get的总耗是post的2/3左右

get请求产生一个TCP数据包；post请求产生两个TCP数据包（get请求，浏览器会把http header和data一并发送出去，服务器响应200返回数据；post请求，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 返回数据）

在这里插入图片描述

function sendPost(){
  var xhr=null;
  if(window.XMLHttpRequest){
      //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
      xhr=new XMLHttpRequest()
  }else{
      //IE6、IE5    
      xhr=new ActiveXOject("Microsoft.XMLHTTP")
  }
  xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
  xhr.onreadstatechange=function(){
      //0：请求未初始化
      //1：请求建立
      //2：请求已接受
      //3：请求处理中
      //4：请求结束
      if(xhr.readyState==4){
          if(xhr.status==200){
              console.log(xhr.responseText)
          }else{
              console.log('请求失败')
          }
      }
  }  
// xhr.get('post','xxxxxxx?userName=Ares_Wang&address=苏州','是否异步')
 xhr.open('post','请求的url','是否异步')
 xhr.send("userName=Ares_Wang&address=苏州")
}


url 编码、解码
encodeURI('http://www.baidu.com?username=我是Ares——Wang')
decodeURI('http://www.baidu.com?username=%E6%88%91%E6%98%AFAres%E2%80%94%E2%80%94Wang')

在这里插入图片描述

http 缓存的条件
1、使用get请求
2、请求url地址固定
3、IE低版本浏览器

只有任意一条不满足 就不会产生缓存，通常采取第二个 url地址不固定 加上时间戳。

//创建XHR对象
function createXHR(){
    if(typeof XMLHttpRequest  !='undefined'){
        return new XMLHttpRequest()
    }else if(typeof ActiveXObject !='undefined'){
        return new ActiveXObject('Microsoft.XMLHTTP')
    }else{
         throw new Error('浏览器不支持创建XMLHttpRequest 对象')
    }
}
//名值对转换字符串
function params(data){
    var temp=[]
    for (var key in data) {
       temp.push(encodeURIComponent(key)+'='+encodeURIComponent(data[key]))
    }
    return temp.join('&')
}
//封装Ajax
function ajax(obj){
  const xhr=createXHR()
  obj.url=obj.url+'?timestamp='+(new Date()).getTime()
  obj.data=params(obj.data)
  if(obj.method==='get'){
    obj.url+='&'+obj.data;
  }
  if(obj.async===true){
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            callback()
        }
    }
  }
  xhr.open(obj.method,obj.url,obj.async)
  if(obj.method==='post'){
    xhr.setRequestHeader('Content-Type','application/x-www-from-urlencodeed')
    xhr.send(obj.data)
  }else{
    xhr.send(null)
  }
  if(obj.async===false){
    callback()
  }
  function callback(){
    if(xhr.status===200){
        obj.success(xhr.responseText) //回调传递参数
    }else{
        //alert('获取数据错误！错误代号：'+xhr.status+',错误信息'+xhr.statusText)
        obj.error('获取数据错误！错误代号：'+xhr.status+',错误信息'+xhr.statusText);
    }
  }
}
/*
 调用ajax
 ajax({
    method:'post',
    url:  'http://xxxx',
    data:{
        'name':'xxx',
        'age':20
    },
    success:functon(text){
          alert(text)
    },
    error:function(text){
        alert(text)
    },
    async:true
 })
 */

利用闭包封装在一个函数中

//创建XHR对象
// function createXHR(){
//     if(typeof XMLHttpRequest  !='undefined'){
//         return new XMLHttpRequest()
//     }else if(typeof ActiveXObject !='undefined'){
//         return new ActiveXObject('Microsoft.XMLHTTP')
//     }else{
//          throw new Error('浏览器不支持创建XMLHttpRequest 对象')
//     }
// }
//名值对转换字符串
// function params(data){
//     var temp=[]
//     for (var key in data) {
//        temp.push(encodeURIComponent(key)+'='+encodeURIComponent(data[key]))
//     }
//     return temp.join('&')
// }
//封装Ajax
function ajax(obj){
  const xhr=(
    function createXHR(){
        if(typeof XMLHttpRequest  !='undefined'){
            return new XMLHttpRequest()
        }else if(typeof ActiveXObject !='undefined'){
            return new ActiveXObject('Microsoft.XMLHTTP')
        }else{
             throw new Error('浏览器不支持创建XMLHttpRequest 对象')
        }
    }
  )()
  obj.url=obj.url+'?timestamp='+(new Date()).getTime()
  //obj.data=params(obj.data)
  obj.data=(function(data){
    var temp=[]
    for (var key in data) {
       temp.push(encodeURIComponent(key)+'='+encodeURIComponent(data[key]))
    }
    return temp.join('&')
  })(obj.data)
  if(obj.method==='get'){
    obj.url+='&'+obj.data;
  }
  if(obj.async===true){
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            callback()
        }
    }
  }
  xhr.open(obj.method,obj.url,obj.async)
  if(obj.method==='post'){
    xhr.setRequestHeader('Content-Type','application/x-www-from-urlencodeed')
    xhr.send(obj.data)
  }else{
    xhr.send(null)
  }
  if(obj.async===false){
    callback()
  }
  function callback(){
    if(xhr.status===200){
        obj.success(xhr.responseText) //回调传递参数
    }else{
        //alert('获取数据错误！错误代号：'+xhr.status+',错误信息'+xhr.statusText)
        obj.error('获取数据错误！错误代号：'+xhr.status+',错误信息'+xhr.statusText);
    }
  }
}
/*
 调用ajax
 ajax({
    method:'post',
    url:  'http://xxxx',
    data:{
        'name':'xxx',
        'age':20
    },
    success:functon(text){
          alert(text)
    },
    error:function(text){
        alert(text)
    },
    async:true
 })
 */

在这里插入图片描述
在这里插入图片描述
//from :from 表单
function serialize(from){
var parts=[]
for(var i=0;i<from.elements.length;i++){
var field=from.elements[i]
switch(field.type){
//可忽略控件处理
case undefined: //未定义
case ‘submit’: //提交按钮
case ‘reset’: //重置按钮
case ‘file’: //文件输出类型
case “image”: //图像形式的提交按钮
case ‘button’: //一般按钮
break;
case ‘radio’:
case ‘checkbox’:
if(!field.selected)
break;
case ‘select-one’:
case ‘select-multiple’:
for(var j=0;j<field.optipns.length;j++){
var option=field.options[j];
if(option.selected){
var optValue=‘’;
if(option.hasAttribute){
optValue=(option.hasAttribute(‘value’)?option.value:option.text);
}else{
//低版本IE需要使用特性 的specified属性，检测是否已规定某个属性
optValue=(option.attributes(‘value’).specified?option.value:option.text)
}
parts.push(field.name+‘=’+optValue)
}
}
break;
default:
parts.push(field.name+‘=’+field.value)
}
}
return parts.join(‘&’)
}

ASP.NET 的默认提交方式： POST
HTML 的默认提交方式： GET

Ares-Wang
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery中ajax提交表单几种方法(get、post两种方法)
12-04
在jquery中ajax提交表单有post与get方式，在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了，下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ，下面我来介绍两个提交表单数据的方法。 $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType) 请求 test.php 网页，传送2个参数，忽略返回值： $.get("test.php"
asp.net+ajax的Post请求实例
01-02
本文实例讲述了asp.net+ajax的Post请求的实现方法。分享给大家供大家参考。具体如下： 代码如下://一个ajax的Post请求       function submitInfo() {          $(“.warn”).hide(); //刚提交的时候隐藏错误的信息          var data = $(“#formData”).serialize(); //将表单的数据通过序列化表单值，创建 URL 编码文本字符串。形成一个表单元素集合的 jQuery 对象         $.post(“/login/checkLoginInfo”, data, fun
asp.net 序列化and反序列化演示
01-20
什么是序列化? —.net的运行时环境用来支持用户定义类型的流化的机制。它是将对象实例的状态存储到存储媒体的过程。在此过程中，先将对象的公共字段和私有字段以及类的名称（包括类所在的程序集）转换为字节流，然后再把字节流写入数据流。在随后对对象进行反序列化时，将创建出与原对象完全相同的副本。 序列化的目的: 1、以某种存储形式使自定义对象持久化； 2、将对象从一个地方传递到另一个地方。 实质上序列化机制是将类的值转化为一个一般的（即连续的）字节流，然后就可以将该流写到磁盘文件或任何其他流化目标上。而要想实际的写出这个流，就要使用那些实现了IFormatter接口的类里的Serialize和Dese
Ajax serialize() 表单进行序列化方式上传文件
10-19
主要介绍了Ajax serialize() 表单进行序列化方式上传文件的相关资料,需要的朋友可以参考下
我所理解的post与get请求区别
u011339364的专栏
10-24 296
Get和Post一般的区别：  1.post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中）  2.post发送的数据更大（get有url长度限制）   get传参最大长度的理解误区  1)总结  （1）http协议并未规定get和post的长度限制  （2）get的最大长度限制是因为浏览器和web服务器限制了URL的长度  （3）不同的浏览器和web服务器，...
GET和POST的区别
weixin_57824708的博客
05-18 647
HTTP的请求方式在1.1之后增加了很多，但是最常用的就是get和post，这篇文章就是简略的谈一谈get和post的区别。 一、安全性 对于这两种方式，提到的最多的就是安全性，相对来说post的安全性比get要高，不会作为url的一部分，post请求不会被缓存、保存在服务器日志、以及浏览器浏览记录中，而get请求却会被缓存下来，在地址栏上get会被看到，post就不会。 二、数据长度 一般来说，get的请求长度是1024kb，post在理论上是没有上限的。 三、速度 在速度上，get是比pos
为什么get比post更快
bbenst的博客
10-31 5599
引言 get和post在面试过程中一般都会问到，一般的区别： 1.post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中） 2.post发送的数据量更大（get有url长度限制） 3.post能发送更多的数据类型（get只能发送ASCII字符） 4.post比get慢 我相信不止一个人跟我一样有这种疑惑，既然post有这么多优点，那我们为什么要使用get？甚至...
get&post
qq_40783848的博客
09-13 260
基本介绍 get和post是http中最常用的方法。HTTP定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符。一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的 查，改，增，删 4个操作。http中的方法还有：HEAD方法、TRACE方法、 OPTIONS方法，后...
Get、Post请求的区别与接收数据的方法
m0_46408680的博客
05-16 3343
一、Get与Post的区别 1、Get请求效率比post请求高，能储存，可收藏为书签；可是get请求安全性不高，对数据的类型有限制只允许ASCII字符上传；如果你需要发送密码或者其他敏感信息时绝对不能用get； 2、Post请求安全性能高，不可收藏为书签，不能储存；而且参数不会被保存在浏览器的历史或者web服务器日记中； 3、Get请求提交时数据会在浏览器上面出现， 所以Get请求提交的数据安全性不好，而且Get请求会被浏览器主动cache； 4、post请求提交数据时则不会，Post请.
ajax使用serialize()序列化提交
weixin_30408165的博客
03-25 121
form 表单使用.serialize()序列化后会出现中文乱码的问题 原因： .serialize()自动调用了encodeURIComponent方法将数据编码了解决方法： 调用decodeURIComponent(XXX,true);将数据解码例如： var information=$("#inforForm").serialize(), 　　informationD...
GET 与 POST比较
weixin_30753873的博客
05-04 75
1，Get中数据大小被限制：我们都知道很多老式浏览器把URL的字符串个数被限制在255个之内;虽然现在的新版浏览器早就没有这个蛋疼的限制，但是我们可不敢保证所有来站点访问的用户都是使用新版浏览器的。所以当我们需要用户在网页中填写一些信息时，使用Get方式肯定会出问题。相反Post方法中没有这个限制，我们可以传输任意大小的数据。 　　2，Get中的数据类型不灵活：因为Get是使用u...
get和post的对比
Ano1e的博客
07-03 185
写写get请求和post请求的区别，未来理解到什么再添加 get提交的数据只能是字符串，post提交的数据没有类型要求 get请求长度最多大约为2KB，post请求没有长度限制 get常用与取回数据，post用于提交数据 post必须设置header get请求速度更快，但数据安全性较弱，可在浏览器的导航栏中看到提交的数据，post请求相对安全但也不是绝对安全。 get可以保留浏览器历史记录，而post不能 get的querystring仅支持urlencode编码，而post的参数是放在body内的，可
Get和Post的主要区别
huangfuyk.的博客
03-10 3667
区别1、        Get是从服务器端获取数据，Post则是向服务器端传送数据。 区别2、        Get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到；Post数据则是通过HTTPpos...
get请求与post请求的特点
qq_36760873的博客
10-25 3199
GET请求具有以下的几个特点： GET请求可被缓存 GET请求保留在浏览器历史记录中 GET请求可被收藏为书签 GET请求不应在处理敏感数据时使用 GET请求有长度限制 GET请求只应当用于取回数据 POST请求的特点如下： POST请求不会被缓存 POST请求不会保留在浏览器历史记录中 POST请求不能被收藏为书签 POST请求对数据长度没有要求 ...
表单的get提交和post提交区别
学习笔记
12-20 1871
1.get是从服务器上获取数据，post是向服务器传送数据。 2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTPpost机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3.对于get方式，服务器端用Request.Quer
HTTP GET比POST快吗
川在路上
09-01 2422
看到一篇分析比较透彻的博文：http://blog.darkthread.net/post-2012-06-10-ajax-post-performance-issue.aspx
get和post请求的区别和优缺点
qq_46086519的博客
03-06 2610
GET请求优点：GET请求具有缓存能力，可以通过缓存提高请求的响应速度，适合请求不会改变服务器端状态的资源；使用GET请求参数直接暴露在URL中，可以直接在浏览器中查看请求参数，方便调试和开发。GET请求缺点：由于请求参数暴露在URL中，不适合传递敏感数据；POST请求请求参数放置在请求体中，相对于GET请求更加安全，不容易被恶意攻击者截获。POST请求缺点：POST请求不具有缓存能力，每次请求都需要重新获取数据，对服务器端压力较大；POST请求将请求参数放置在请求体中，可以提交比GET请求更大的数据量。
2020-09-20 get和post特点
sinat_31089473的博客
09-20 820
1.get和post是两种常用的http请求方法。 http:超文本传输协议（http）的设计目的是保证客户机与服务器之间的通信。 HTTP 的工作方式是客户机与服务器之间的请求-应答协议。 2.get：从指定的资源（数据库）请求数据。post：向指定的资源提交要被处理的数据。 3.get特点：请注意，查询字符串（名称/值对）是在 GET 请求的 URL 中发送的 GET 请求可被缓存GET 请求保留在浏览器历史记录中GET 请求可被收藏为书签GET 请求...
http中get和post性能对比
天高任鸟飞，海阔凭鱼跃
03-16 6992
get和post在面试过程中一般都会问到，一般的区别： 1.post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中） 2.post发送的数据量更大（get有url长度限制） 3.post能发送更多的数据类型（get只能发送ASCII字符） 4.post比get慢 我相信不止一个人跟我一样有这种疑惑，既然post有这么多优点，那我们为什么要使用get？甚至有个同事...
.net6 Json API POST请求 方法封装
最新发布
07-14
在 .NET 6 中，可以使用 System.Net.Http 命名空间中的 HttpClient 类来发送 POST 请求。下面是一个简单的封装方法示例： ```csharp using System; using System.Net.Http; using System.Text; using System.Text.Json; using System.Threading.Tasks; namespace YourNamespace { public static class ApiClient { private static readonly HttpClient _httpClient = new HttpClient(); public static async Task<TResponse> PostAsync<TRequest, TResponse>(string url, TRequest request) { var requestJson = JsonSerializer.Serialize(request); var content = new StringContent(requestJson, Encoding.UTF8, "application/json"); var response = await _httpClient.PostAsync(url, content); if (!response.IsSuccessStatusCode) { throw new Exception($"POST request failed with status code {response.StatusCode}"); } var responseJson = await response.Content.ReadAsStringAsync(); return JsonSerializer.Deserialize<TResponse>(responseJson); } } } ``` 使用时，你可以调用 `PostAsync` 方法，并传递请求的 URL 和请求对象。以下是一个示例： ```csharp var request = new YourRequestObject { // 设置请求对象属性 }; var response = await ApiClient.PostAsync<YourRequestObject, YourResponseObject>("https://api.example.com/endpoint", request); // 处理响应对象 ``` 请注意，上述示例假设请求和响应对象都是可序列化为 JSON 的类型，并且使用了默认的 JSON 序列化设置。你可能需要根据自己的需求进行适当的修改和调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值