Home/ Questions/Q 7761129
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T14:03:54+00:00

I’m working on a new prototype for an application and I’m conducing some tests

  • 0

I’m working on a new prototype for an application and I’m conducing some tests before starting.
I’m trying to create many iframes in my page. I wrote this code in order to verify the asynchronously loading, but the behavior I’m experiencing is not what I expected.

Here the code I’m using:

<html>
   <head>
   <title>test</title>
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
   <script type="text/javascript">
      function appendNew(container, location) {
         var chart = $("<iframe>")
            .attr('src', location)
            .css('width', 150)
            .css('height', 150);

         container.append(chart);
       }

    $(function () {                               
        var urls = ["http://local.test.com?test=1",
                    ...
                    "http://local.test.com?test=20"];

        var container = $("#testDiv");

        $.each(urls, function (idx, item) {
            appendNew(container, item);
        })
    })
    </script>

    </head>
    <body>
        <div id="testDiv"></div>
    </body>
</html>

It’s just a loop on a url array, some jQuery code will take care to append a new Iframe to the page for each one of them.
All the urls point to the same page, it’s just a simple asp.net page hosted by my local IIS 7.5 with the following code into the Page_Load:

Thread.Sleep(2000);

What I expect is that all the iframes are loaded at the same time.
The result I get is that they’re loaded in sets of 6 (i.e. when 20: 6/6/6/2).
Any reason/solution?

This behavior is the same on Chrome, Firefox and IE.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The issue you are seeing is related to the maximum number of connections to a server. This is browser specific number and chrome, I believe, is set to 6. If you change the domains to the iframes you should see the loading change.

    <html>
   <head>
   <title>test</title>
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
   <script type="text/javascript">
      function appendNew(container, location) {
         var chart = $("<iframe>")
            .attr('src', location)
            .css('width', 150)
            .css('height', 150);

         container.append(chart);
       }

       $(function () {
           var urls = [];

           var changeDomains = true;
           for (i = 1; i <= 20; i++) {
               if (changeDomains) {
                   urls[i] = "http://local" + i + ".test.com?test=" + i;
               }
               else {
                   urls[i] = "http://local.test.com?test=" + i;
               }
           }

           var container = $("#testDiv");

           $.each(urls, function (idx, item) {
               appendNew(container, item);
           })
       })
    </script>

    </head>
    <body>
        <div id="testDiv"></div>
    </body>
</html>
    • 0