Dynamically load Javascript

Question

Do any one have similar experience? I would like to load an external javascript dynamically while I click on a specific page. Below is the code I wrote:

    $("#tab-4-content").load("/reg.php?id="+this.id+"&ads="+$(this).data('ads')+"&f="+$(this).data('file')+"&mid="+$(this).data('mid'));
$.ajax({
  url: "http://www.mydomain/validation.js",
  dataType: "script",
  cache: false,
    }).done(function() {
        console.log("success load livevalidation");
    });
    $.mobile.changePage("#tab-4");
}); // tab-4-content click

validation.js is the script to valid the form input. When the cache setting is true, then the script seems not to be loaded successfully because an error prompted in Chrome Javascript Console. After I change it to false, it works.

The problem is if I keep the browser on without clicking the #tab-4-content for a day, I tried the click it after the day, the error prompted again, then I have to change the cache to true, execute one and then false again, it resume normal. I have no idea how the cache do, is there time expire issue and the error is caused by the cache setting?

Error prompted: Uncaught ReferenceError: Validation is not defined

Best regards,

Kelvin

Where is the variable reference Validation being called and/or defined? If I'm reading this correctly the browser is complaining about a runtime error in validation.js itself and yet your not providing that code. So how can anyone help with this if they can't even see the problem? — Sukima
– Sukima, Commented Jul 14, 2014 at 2:33
What's the problem with just adding a script element dynamically? — Felix Kling
– Felix Kling, Commented Jul 14, 2014 at 2:33
@FelixKling I'm pretty sure that is exactly what .getScript does. — Sukima
– Sukima, Commented Jul 14, 2014 at 2:34
The script can be called but not stable. Yes, will study the .getScript — Kelvin
– Kelvin, Commented Jul 14, 2014 at 3:10
I dont really get why your loading in the library like this, and not like @Jasons answer mentions. If this is for form validation, why not just include a script tag to pull in the js. And you dont have to worry about all of this to make it available. — skift
– skift, Commented Jul 14, 2014 at 23:20

morgan9999 · Accepted Answer · 2014-07-14 05:00:24Z

2

this is .getScript function, you can try this

$.getScript( "http://www.mydomain/validation.js" )
.fail(function() {
    // so something
}).done(function() {
    console.log("success load livevalidation");
});

but i do think the error is on validation.js itself like Sukima said, check on that file first if this doesn't work.

answered Jul 14, 2014 at 5:00

morgan9999

8012 gold badges13 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jason · Accepted Answer · 2014-07-14 05:25:54Z

0

Bypass all the extra coding. Just create a script tag and source to the javascript file you need in the page you are loading.

<script src="/validation.js"></script>

answered Jul 14, 2014 at 5:25

Jason

8929 silver badges14 bronze badges

2 Comments

Kelvin Over a year ago

skift Over a year ago

That what I was getting at though. If he is just validating a form, why the need and extra overhead to validate dynamically like this. I know <script> doesnt work with loading dynamically. I am just wondering why it's being done dynamically in the first place, rather that just in a script tag.

Collectives™ on Stack Overflow

Dynamically load Javascript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related