使用多个依赖项加载只进行一次AJAX调用

Question

每当我点击AJAX调用到另一个包含名为status.js的JS文件的页面的按钮时，每次调用AJAX时都会加载。

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

Answer 1

我可以看到你用两种方式做到这一点：

1. 将代码封装在变量的"status.js"中。

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

2. 或者使用jQuery加载函数而不是ajax，只加载所需的页面正文(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
   }