Javascript依赖关系不通过Ajax加载

Question

I have an index.php file that will load content based on a $_GET variable. So, it basically functions like this...

<?php
   $problem_id = $_GET['problem_id'];
   include('include/' . $problem_id . '.php');
?>

So, if a user clicks problem type #8, 8.php will be included in the index.php file and it's content will be displayed.

The problem is that I'm now using AJAX to load 8.php (or whatever file is selected). Some of the files depend on other javascript files (i.e. <script type="text/javascript" src="/include/js/api/utils.js"></script>) to work. It seems that these dependencies are not being loaded when I run the index.php file via AJAX. If I run it with a normal $_GET variable in the URL (i.e. http://myscript.com?problem_id=8), it works fine.

Is this a known issue with AJAX? Anyway around it?

Thanks.

Answer 1

You have not specified where the required javascript files are being loaded. However, if we assume they are being included by your php script, then yes they will work when you access that php script directly but when you include it via ajax they will not.

My suggestion which is the simple approach, is that in your calling page (index.php) you include all your javascript so that it is ready to go, regardless of which content is dynamically loaded in.

So load the dependencies always in advance, and don't include them in your included php files.

When you load content via ajax it really needs to be html which can be incorporated into the existing page DOM, it's not so straight forward to be loading javascript and executing it although that is possible (using requirejs or similar) but I think probably the above simple approach will work for you.