Why jquery pjax is not defined when using jquery ajax load

Question

Why jquery pjax is not defined in the js file, but it's defined in the console if i type $.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() + ' ...');
  });

});

it console this error: Uncaught TypeError: $.pjax is not a function

FYI...there is shortcut $.getScript() you could also use

charlietfl
– charlietfl

2016-01-17 18:13:28 +00:00
Commented Jan 17, 2016 at 18:13 — charlietfl
– charlietfl, Commented Jan 17, 2016 at 18:13
with $.getScript() you can't cache the sctipt

elkebirmed
– elkebirmed

2016-01-17 18:16:38 +00:00
Commented Jan 17, 2016 at 18:16 — elkebirmed
– elkebirmed, Commented Jan 17, 2016 at 18:16

Macha · Accepted Answer · 2016-01-17 18:04:02Z

2

Your loadScript function does not return a promise, so from the point of view of $.when, your scripts load immediately, which is not the reality.

Try change the line :

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

to

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

so you return a promise for $.when

answered Jan 17, 2016 at 18:04

Macha

14.7k14 gold badges60 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Macha Over a year ago

@elkebirmed It appears that the promise resolves when the script is downloaded, and not when it executes, even for dataType: "script"

Zakaria Acharki · Accepted Answer · 2016-01-17 18:12:02Z

1

You have two issues here.

You have to return a promise that is returned by $.ajax
$.when accept one argument which is array

ie

function loadScript(...) {
 ... 
 return $.ajax
}

$.when([loadScript('a'), loadScript('b')]).then(...)

edited Jan 17, 2016 at 18:12

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

answered Jan 17, 2016 at 18:04

vittore

17.6k6 gold badges46 silver badges84 bronze badges

4 Comments

charlietfl Over a year ago

not true about $.when...in fact it does not accept array and have to use apply() if it is array

Macha Over a year ago

$.when accept one argument which is array: The docs seem to indicate otherwise, see this line: $.when( d1, d2 ) on this page api.jquery.com/jQuery.when

elkebirmed Over a year ago

{"readyState":1} is returned by using console.log(JSON.stringify(_$)); which is a variable holding _$ = $.ajax......

Macha Over a year ago

JSON.stringify does not include methods, which are the important part of promises. It'll have a number of methods such as .then etc.

Collectives™ on Stack Overflow

Why jquery pjax is not defined when using jquery ajax load

2 Answers 2

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related