查找与 AJAX get 和 post 一起使用的网络数据的绝对或可能估计值？

Question

我一直在这里浏览，Google 但没有成功。我目前正在开发一个在用户本地计算机上运行的小页面（我猜它会被称为网络应用程序），它使用 AJAX 的 get 和 post 方法。但是我想知道每个人获得和 post 使用了多少数据。

到目前为止，我在这里找到了一个页面，可以帮助我计算 JSON.stringify json 和 returns 与 get 之后的数据大小。 How many bytes in a JavaScript string?

但是我对此有一些想法。我假设 URL get 和 post 的大小也会消耗数据。由于它使用https协议，我想大小会有所不同。

我遇到的问题是 URL 与查询（URL 末尾的 ?something=value 内容）大小。

我稍后会使用 jQuery，如果测量方式不同，请注意。

如有任何帮助，我们将不胜感激。

编辑：为了避免混淆，我指的是网络数据。

Answer 1

您可以创建一个变量来存储 responseText 的 .length 的总和；使用 .ajaxComplete() 总计 Content-Length 响应 header，或 responseText.length

var blobs = [new Blob(["abc"]) // 3
             , new Blob(["defg"]) // 4
             , new Blob(["hijkl"]) // 5
            ]; // 12;
var _data = {sent:0, received:0};

$(document).ajaxComplete(function(event, jqxhr, ajaxOptions) {
  if (ajaxOptions.type === "GET") {
    _data.received += jqxhr.responseText.length;
  } else {
    _data.sent += ajaxOptions.data 
                  ? ajaxOptions.data.length 
                  : ajaxOptions.url.split("?")[1].length; // handle query string data
  }
  // sum `_data` using `jqxhr.responseText`     
  console.log("total data received:", _data, ajaxOptions);
  // sent: 14, received: 12
})

$.each(blobs, function(_, blob) {
  // three requests; 3, 4, 5 string characters, respectively
  $.get(URL.createObjectURL(blob)) 
})

$.post(URL.createObjectURL(new Blob([null])), {mno:123}); // 7

$.post("?pqr=789"); // 7

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>

查找与 AJAX get 和 post 一起使用的网络数据的绝对或可能估计值？

Finding the obsolute or possible estimate of webdata used with AJAX get and post?

javascript

size

jquery

post

get