为什么使用 jquery ajax load 时没有定义 jquery pjax

Why jquery pjax is not defined when using jquery ajax load

本文关键字:jquery 定义 pjax load ajax 为什么      更新时间:2023-09-26

为什么 jquery pjax 没有在 js 文件中定义,但如果我键入 $.pjax

function loadScript(url, callback) {
  callback = (typeof callback != 'undefined') ? callback : {};
  $.ajax({
    type: "GET",
    url: url,
    success: callback,
    dataType: "script",
    cache: true,
  });
}
$('document').ready(function() {
  $.when(
    loadScript('//cdnjs.cloudflare.com/ajax/libs/codemirror/5.10.0/codemirror.min.js'),
    loadScript('//cdnjs.cloudflare.com/ajax/libs/jquery.pjax/1.9.6/jquery.pjax.min.js')
  ).done(function() {
    $('.loading').hide().next().css({
      'visibility': 'visible',
      'overflow-y': 'auto',
    });
    console.log($.pjax() + ' ...');
  });
});

它控制台此错误:Uncaught TypeError: $.pjax is not a function

你的 loadScript 函数不返回承诺,所以从 $.when 的角度来看,你的脚本会立即加载,这不是现实。

尝试更改行:

$.ajax({
// ...
})

return $.ajax({
// ...
});

所以你返回一个 $.when 的承诺

您这里有两个问题。

  • 您必须返回由 $.ajax 返回的承诺

  • $.当接受一个参数是数组时

function loadScript(...) {
 ... 
 return $.ajax
}
$.when([loadScript('a'), loadScript('b')]).then(...)