Search jQuery

jQuery Forum

Developing jQuery Core

cosmin.ha..

Bug loading html with script in jquery 1.4

Solved

Temporary fix
Not a problem
Analyzing
Need more info
Solved
Working on it

in Developing jQuery Core • 2 years ago

Hello,

I found a problem when loading a section of a page using $.load/$.ajax. I have a page that loads some html content and a script tag. The html is loaded successfully, but the script is not processed after about the 3rd attempt.

The section I want to load has less than 512B. If the section is larger than that then the scripts are processed successfully.

This problem in only in jquery 1.4. If I try exactly the same thing using jquery 1.3.2 than the scripts work every time.

Regards,
Cosmin Harangus

Replies(6)

b1naryj

Re: Bug loading html with script in jquery 1.4

2 years ago

You'll have to provide more information about how to reproduce the problem. I created a simple test page based on your description and it works fine.

TestPage.html:

<html>
<head>
<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$.ajax({
url: "dynContent.html",
dataType: "html",
success: function(data){
$("#ajaxContent").html(data);
}
});
</script>
<div>Test page</div>
<div id="ajaxContent"></div>
</body>
</html>

dynContent.html

<script type="text/javascript">
alert("This came from the loaded html");
</script>
Dynamic Content!

cosmin.ha..

Re: Bug loading html with script in jquery 1.4

2 years ago

Hi,

Attached you can find a small example of how the bug works.

Try to run index.html and click back and forward on the Page 1 and Page 2 links and after a while you will see only Page2 message displaying in your console, but not Page1.

A preview of the code looks like this:

index.html:

<head>
   <script type="text/javascript" src="jquery-1.4.1.min.js"></script>
   <script type="text/javascript">
        $(function(){
            $('#p1').click(function(){
                $('#content').load('page1.html');
                return false;
            });
            $('#p2').click(function(){
                $('#content').load('page2.html');
                return false;
            });
        });
   </script>
</head>
<body>
<a href="#" id="p1">Page 1</a> <a href="#" id="p2">Page 2</a>
<div id="content"></div>
</body>

page1.html:

<head>
   <script type="text/javascript" src="jquery-1.4.1.min.js"></script>
   <script type="text/javascript">
       $(function(){
           $('#p1').click(function(){
               $('#content').load('page1.html');
               return false;
           });
           $('#p2').click(function(){
               $('#content').load('page2.html');
               return false;
           });
       });
   </script>
</head>
<body>
<a href="#" id="p1">Page 1</a> <a href="#" id="p2">Page 2</a>
<div id="content"></div>
</body>

page2.html

<div class="asd">
asdf asdfsda <br/>
sdfasdf asdf as<br/>
fas dfsadf sadfas<br/>
fsa asdf safasdf as<br/>
asd fsadf as fasdfa<br/>
asdf sda fasf as f<br/>
asdf asf safsad<br/>
asdf asdfsda <br/>
sdfasdf asdf as<br/>
fas dfsadf sadfas<br/>
fsa asdf safasdf as<br/>
asd fsadf as fasdfa<br/>
asdf sda fasf as f<br/>
asdf asf safsad<br/>
fsa asdf safasdf as<br/>
asd fsadf as fasdfa<br/>
asdf sda fasf as<br/>
<div>
<script type="text/javascript">
console.log('page2');
</script>

If you download the code you will see that page2.html has exactly 512B. If you delete a single char then the js code at the end of that file will stop running after a couple of attempts(exactly like page1.html).

Regards,
Cosmin

Attachments

jq.zip
Size : 24.48 KB Download : 792

gazzah

Re: Bug loading html with script in jquery 1.4

2 years ago

I have a similar issue - with me the server is recreating page 1 and 2 every 15 seconds, the main page alternates between the two on a set interval.

Page 1 and 2 can contain anything from 1 line (approx 30 bytes) upto 1mb of data... each page has a script section to highlight sections.

I havent been able to track down the exact circumstances but there are times when the scripts dont run, and others when they return an error ( as if only part of the page had loaded).

I will try and get some additional information like error line etc when I get back to work tomorrow.

Using 1.3 the script always runs, but sometimes still gives an error so that is probably a seperate issue of my code.

Gary NH

dave.meth..

Re: Bug loading html with script in jquery 1.4

2 years ago

From your description regarding the size of the response (512 bytes) I suspect this is an issue with fragment caching. I've moved the thread to "Developing jQuery Core".