使用多个依赖项加载仅使AJAX调用一次

Question

每当我点击使AJAX调用包含名为status.js的JS文件的其他页面的按钮时，每次调用AJAX时都会加载它。

我需要它只加载一次，否则如果加载多次，那么它应该只执行一次。

Answer 1

我可以看到你这两种方式：

1. 将代码包含在“status.js”中的变量中。

   if (!status || status === undefined) {
       var status = function() {
           // code here
       }
   }
   

2. OR而不是ajax使用jQuery加载函数并仅加载所需页面的主体（https://api.jquery.com/load/）：

   $( "#result" ).load( "ajax/test.html #container" );
   

   有了这个，你可以在内部和第一个按钮点击中构建一个开关，加载整个页面，但是在第二次点击时加载除脚本之外的所有内容

   firstClick = true;
   
   if(firstClick) {
       // load entire page
       firstClick = false;
   } else {
       // load everything but the scripts
   }