• <tfoot id='YAYq8'></tfoot>
  • <legend id='YAYq8'><style id='YAYq8'><dir id='YAYq8'><q id='YAYq8'></q></dir></style></legend>
    • <bdo id='YAYq8'></bdo><ul id='YAYq8'></ul>
    1. <i id='YAYq8'><tr id='YAYq8'><dt id='YAYq8'><q id='YAYq8'><span id='YAYq8'><b id='YAYq8'><form id='YAYq8'><ins id='YAYq8'></ins><ul id='YAYq8'></ul><sub id='YAYq8'></sub></form><legend id='YAYq8'></legend><bdo id='YAYq8'><pre id='YAYq8'><center id='YAYq8'></center></pre></bdo></b><th id='YAYq8'></th></span></q></dt></tr></i><div id='YAYq8'><tfoot id='YAYq8'></tfoot><dl id='YAYq8'><fieldset id='YAYq8'></fieldset></dl></div>

        <small id='YAYq8'></small><noframes id='YAYq8'>

      1. 通过 Javascript/jQuery 的 Ajax HEAD 请求

        时间:2023-08-01

        <legend id='qgvBH'><style id='qgvBH'><dir id='qgvBH'><q id='qgvBH'></q></dir></style></legend>

        <small id='qgvBH'></small><noframes id='qgvBH'>

          <i id='qgvBH'><tr id='qgvBH'><dt id='qgvBH'><q id='qgvBH'><span id='qgvBH'><b id='qgvBH'><form id='qgvBH'><ins id='qgvBH'></ins><ul id='qgvBH'></ul><sub id='qgvBH'></sub></form><legend id='qgvBH'></legend><bdo id='qgvBH'><pre id='qgvBH'><center id='qgvBH'></center></pre></bdo></b><th id='qgvBH'></th></span></q></dt></tr></i><div id='qgvBH'><tfoot id='qgvBH'></tfoot><dl id='qgvBH'><fieldset id='qgvBH'></fieldset></dl></div>
            <bdo id='qgvBH'></bdo><ul id='qgvBH'></ul>

          • <tfoot id='qgvBH'></tfoot>
              <tbody id='qgvBH'></tbody>

                  本文介绍了通过 Javascript/jQuery 的 Ajax HEAD 请求的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  我似乎在发出 HEAD 请求以及保持数组中数据的完整性方面遇到了一些问题.

                  I seem to be having some issues with making HEAD requests, and preserving the integrity of data in an array.

                  鉴于此片段:

                  var imageTemp = Array();
                  
                  $('*')
                      .each(function(index){
                          if($(this).css('background-image') != 'none'){
                              imageTemp.push($(this).css('background-image').slice(5, -2));
                          }
                      });
                  

                  我捕获给定页面上所有背景图像的 URL.现在,尝试通过 HEAD 请求获取每个图像的大小 Content-Length,我使用了这个片段:

                  I capture the URLs of all background-images on a given page. Now, trying to grab the size of each image via HEAD requests for Content-Length, I use this snippet:

                  var imageData = Array();
                  
                  for(var i = 0; i < imageTemp.length; i++){
                      ajaxSizeRequest = $.ajax({
                          type: "HEAD",
                          async: true,
                          url: imageTemp[i],
                          success: function(message){
                              imageData.push([imageTemp[i], ajaxSizeRequest.getResponseHeader('Content-Length')]);
                          }
                      });
                  }
                  

                  但是,当我通过 console.log 转储 imageData 时,我每个元素(应该是一个包含 URL 和内容长度的数组)都以 [undefined, XXXX] 其中 XXXX 始终是最后请求的 Content-Length

                  However, when I dump imageData via console.log, I each element (which should be an array containing the URL and the content-length) ends up as [undefined, XXXX] where XXXX is always the size of the last requested Content-Length

                  我很困惑,尽管这似乎是一个时间/范围问题.我这里发生了某种竞争情况吗?

                  I'm stumped, though it appears to be a timing/scoping issue. Do I have a sort of race-condition occuring here?

                  推荐答案

                  问题是回调函数捕获的单个变量iajaxSizeRequest是一样的回调函数的所有实例的变量.我认为如果你调用一个函数并将索引变量传递给它,同时,将请求变量的范围限定为函数本身使用完成处理程序的响应参数,你应该结束由回调捕获的自变量.然后它应该正确引用每个数组元素和每个响应变量.

                  The problem is that the single variables i and ajaxSizeRequest being captured by the callback function are the same variables for all instances of the callback function. I think if you call a function and pass the index variable to it and, at the same time, scope the request variable locally to the function itself use the response parameter of the done handler, you should end up with independent variables captured by the callback. It should then reference each array element and each response variable correctly.

                  var imageData = Array();
                  
                  for(var i = 0; i < imageTemp.length; i++){
                      updateImageData( i );
                  }
                  
                  function updateImageData( i )
                      $.ajax({
                          type: "HEAD",
                          async: true,
                          url: imageTemp[i],
                      }).done(function(message,text,jqXHR){
                          imageData.push([imageTemp[i], jqXHR.getResponseHeader('Content-Length')]);
                      });
                  }
                  

                  这篇关于通过 Javascript/jQuery 的 Ajax HEAD 请求的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  上一篇:无法在 ajax 中处理 302 重定向,为什么? 下一篇:Angular 2中的访问控制允许来源问题

                  相关文章

                  1. <legend id='19VUR'><style id='19VUR'><dir id='19VUR'><q id='19VUR'></q></dir></style></legend>
                      <bdo id='19VUR'></bdo><ul id='19VUR'></ul>
                      <tfoot id='19VUR'></tfoot>
                      <i id='19VUR'><tr id='19VUR'><dt id='19VUR'><q id='19VUR'><span id='19VUR'><b id='19VUR'><form id='19VUR'><ins id='19VUR'></ins><ul id='19VUR'></ul><sub id='19VUR'></sub></form><legend id='19VUR'></legend><bdo id='19VUR'><pre id='19VUR'><center id='19VUR'></center></pre></bdo></b><th id='19VUR'></th></span></q></dt></tr></i><div id='19VUR'><tfoot id='19VUR'></tfoot><dl id='19VUR'><fieldset id='19VUR'></fieldset></dl></div>

                      <small id='19VUR'></small><noframes id='19VUR'>