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

Make AJAX call only once with multiple dependency loads

本文关键字:一次 调用 AJAX 依赖 加载      更新时间:2023-09-26

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

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

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

  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
    }