My javascript is returning this error: $.ajax is not a function

Not sure what's wrong but I'm getting this error from my chrome console:

jquery-3.2.1.slim.min.js:1244 jQuery.Deferred exception: $.ajax is not a function TypeError: $.ajax is not a function

    at HTMLDocument.<anonymous> (file:///C:/Users/Adam/Desktop/UseTime/js/example.js:3:7)

    at j (file:///C:/Users/Adam/Desktop/UseTime/js/jquery-3.2.1.slim.min.js:1193:55)

    at k (file:///C:/Users/Adam/Desktop/UseTime/js/jquery-3.2.1.slim.min.js:1199:45) undefined

r.Deferred.exceptionHook @ jquery-3.2.1.slim.min.js:1244

jquery-3.2.1.slim.min.js:1247 Uncaught TypeError: $.ajax is not a function

    at HTMLDocument.<anonymous> (example.js:3)

    at j (jquery-3.2.1.slim.min.js:1193)

    at k (jquery-3.2.1.slim.min.js:1199)

From this JavaScript:

$(function() { //when the DOM is ready

    var times; //declare global variable

    $.ajax({ //set up request

        beforeSend: function (xhr) { //before requesting data

            if (xhr.overrideMimeType) { //if supported

                xhr.overrideMimeType("application/json"); // set MIME to prevent errors

            }

        }

    });

    //funciton that collect data from the json file

    function loadTimetable() { //decalre function

        $.getJSON('data/example.json') //try to collect json data

            .done(function (data) { //if succesful

                times = data; //store in variable

            }).fail(function () { //if a problem: show message

                $('#event').html('Sorry! we couldnt load your time table at the moment');

            });

    }

    loadTimetable(); //call the function



    //CLICK ON TEH EVENT TO LOAD A TIME TABLE

    $('#content').on('click', '#event a', function (e) { //user clicks on place

        e.preventDefault(); //prevent loading page

        var loc = this.id.toUpperCase(); //get value of id attr

        var newContent = "";

        for (var i = 0; i < times[loc].length; i++) { // loop through sessions

            newContent += '<li><span class = "time">' + times[loc][i].time + '</span>';

            newContent += '<a href = "descriptions.html#';

            newContent += times[loc][i].title.replace(/ /g, '-') + '">';

            newContent += times[loc][i].title + '</a></li>';

        }

        $('#sessions').html('<ul>' + newContent + '</ul>'); // Display Time

        $('#event a.current').removeClass('current'); // update selected link

        $(this).addClass('current');

        $('#details').text('');

    });



    //CLICK ON A SESSION TO LEAD THE DESCRIPTION

    $('#content').on('click', '#sessions li a', function (e) { //click on session

        e.preventDefault(); // prevent loading

        var fragment = this.href; //title is in href

        fragment = fragment.replace('#', ' #'); //Add Space before #

        $('#details').load(fragment); //to load info

        $('#sessions a.current').removeClass('current'); //update selected

    });



    //CLICK ON PRIMARY NAVIGATION

    $('nav a').on('click', function (e) { //click on nav

        e.preventDefault(); //prevent loading

        var url = this.href; //get UR: to load

        $('nav a.current').removeClass('current');

        $(this).addClass('current');

        $('#container').remove(); //remove old

        $('#content').load(url + ' #container').hide().fadeIn('slow'); // add new

    });

});

I'm not sure if it's an issue with the way I'm initiating .ajax or if my jquery isn't correctly implemented. I think it is. Any Thoughts?

edit: here's the html that goes with the script above

<!DOCTYPE html>



<body>

    <header>

        <h1>UseTime</h1>

        <nav>

            <a href="jq-load.html">HOME</a>

            <a href="jq-load.html2">PROFILE</a>

            <a href="jq-load.html4">MANAGE TASKS</a>

            <a href="usetime.html">TIME TABLE</a>

        </nav>

    </header>

    <section id="content">

        <div id="container">

            <div class="third">

                <div id="event">

                    <a id="class1" href="class1.html"><img src="" alt="class1" /> Class 1 </a>

                    <a id="class2" href="class2.html"><img src="" alt="class2" /> Class 2 </a>

                    <a id="class3" href="class3.html"><img src="" alt="class3" /> Class 3 </a>

                </div>

            </div>

            <div class="third">

                <div id="sessions"> Select a Class from the left </div>

            </div>

            <div class="third">

                <div id="details"> Details </div>

            </div>

        </div>

        <!-- container -->

    </section>

    <!-- content -->



    <script src="js/jquery-3.2.1.slim.min.js"></script>

    <script src="js/example.js"></script>

</body>

edited May 27 '17 at 2:02

asked May 27 '17 at 1:56

Adamwuh

148125

Do you link any jQuery to Your Code??? Link the Jquery before any other javascript. it may work.
– AdhershMNair
May 27 '17 at 1:59

1

yea yea it's in the html that calls this, I'll throw it up into the post
– Adamwuh
May 27 '17 at 2:01

add a comment |

Not sure what's wrong but I'm getting this error from my chrome console:

jquery-3.2.1.slim.min.js:1244 jQuery.Deferred exception: $.ajax is not a function TypeError: $.ajax is not a function

    at HTMLDocument.<anonymous> (file:///C:/Users/Adam/Desktop/UseTime/js/example.js:3:7)

    at j (file:///C:/Users/Adam/Desktop/UseTime/js/jquery-3.2.1.slim.min.js:1193:55)

    at k (file:///C:/Users/Adam/Desktop/UseTime/js/jquery-3.2.1.slim.min.js:1199:45) undefined

r.Deferred.exceptionHook @ jquery-3.2.1.slim.min.js:1244

jquery-3.2.1.slim.min.js:1247 Uncaught TypeError: $.ajax is not a function

    at HTMLDocument.<anonymous> (example.js:3)

    at j (jquery-3.2.1.slim.min.js:1193)

    at k (jquery-3.2.1.slim.min.js:1199)

From this JavaScript:

$(function() { //when the DOM is ready

    var times; //declare global variable

    $.ajax({ //set up request

        beforeSend: function (xhr) { //before requesting data

            if (xhr.overrideMimeType) { //if supported

                xhr.overrideMimeType("application/json"); // set MIME to prevent errors

            }

        }

    });

    //funciton that collect data from the json file

    function loadTimetable() { //decalre function

        $.getJSON('data/example.json') //try to collect json data

            .done(function (data) { //if succesful

                times = data; //store in variable

            }).fail(function () { //if a problem: show message

                $('#event').html('Sorry! we couldnt load your time table at the moment');

            });

    }

    loadTimetable(); //call the function



    //CLICK ON TEH EVENT TO LOAD A TIME TABLE

    $('#content').on('click', '#event a', function (e) { //user clicks on place

        e.preventDefault(); //prevent loading page

        var loc = this.id.toUpperCase(); //get value of id attr

        var newContent = "";

        for (var i = 0; i < times[loc].length; i++) { // loop through sessions

            newContent += '<li><span class = "time">' + times[loc][i].time + '</span>';

            newContent += '<a href = "descriptions.html#';

            newContent += times[loc][i].title.replace(/ /g, '-') + '">';

            newContent += times[loc][i].title + '</a></li>';

        }

        $('#sessions').html('<ul>' + newContent + '</ul>'); // Display Time

        $('#event a.current').removeClass('current'); // update selected link

        $(this).addClass('current');

        $('#details').text('');

    });



    //CLICK ON A SESSION TO LEAD THE DESCRIPTION

    $('#content').on('click', '#sessions li a', function (e) { //click on session

        e.preventDefault(); // prevent loading

        var fragment = this.href; //title is in href

        fragment = fragment.replace('#', ' #'); //Add Space before #

        $('#details').load(fragment); //to load info

        $('#sessions a.current').removeClass('current'); //update selected

    });



    //CLICK ON PRIMARY NAVIGATION

    $('nav a').on('click', function (e) { //click on nav

        e.preventDefault(); //prevent loading

        var url = this.href; //get UR: to load

        $('nav a.current').removeClass('current');

        $(this).addClass('current');

        $('#container').remove(); //remove old

        $('#content').load(url + ' #container').hide().fadeIn('slow'); // add new

    });

});

I'm not sure if it's an issue with the way I'm initiating .ajax or if my jquery isn't correctly implemented. I think it is. Any Thoughts?

edit: here's the html that goes with the script above

<!DOCTYPE html>



<body>

    <header>

        <h1>UseTime</h1>

        <nav>

            <a href="jq-load.html">HOME</a>

            <a href="jq-load.html2">PROFILE</a>

            <a href="jq-load.html4">MANAGE TASKS</a>

            <a href="usetime.html">TIME TABLE</a>

        </nav>

    </header>

    <section id="content">

        <div id="container">

            <div class="third">

                <div id="event">

                    <a id="class1" href="class1.html"><img src="" alt="class1" /> Class 1 </a>

                    <a id="class2" href="class2.html"><img src="" alt="class2" /> Class 2 </a>

                    <a id="class3" href="class3.html"><img src="" alt="class3" /> Class 3 </a>

                </div>

            </div>

            <div class="third">

                <div id="sessions"> Select a Class from the left </div>

            </div>

            <div class="third">

                <div id="details"> Details </div>

            </div>

        </div>

        <!-- container -->

    </section>

    <!-- content -->



    <script src="js/jquery-3.2.1.slim.min.js"></script>

    <script src="js/example.js"></script>

</body>

edited May 27 '17 at 2:02

asked May 27 '17 at 1:56

Adamwuh

148125

Do you link any jQuery to Your Code??? Link the Jquery before any other javascript. it may work.
– AdhershMNair
May 27 '17 at 1:59

1

yea yea it's in the html that calls this, I'll throw it up into the post
– Adamwuh
May 27 '17 at 2:01

add a comment |

Not sure what's wrong but I'm getting this error from my chrome console:

jquery-3.2.1.slim.min.js:1244 jQuery.Deferred exception: $.ajax is not a function TypeError: $.ajax is not a function

    at HTMLDocument.<anonymous> (file:///C:/Users/Adam/Desktop/UseTime/js/example.js:3:7)

    at j (file:///C:/Users/Adam/Desktop/UseTime/js/jquery-3.2.1.slim.min.js:1193:55)

    at k (file:///C:/Users/Adam/Desktop/UseTime/js/jquery-3.2.1.slim.min.js:1199:45) undefined

r.Deferred.exceptionHook @ jquery-3.2.1.slim.min.js:1244

jquery-3.2.1.slim.min.js:1247 Uncaught TypeError: $.ajax is not a function

    at HTMLDocument.<anonymous> (example.js:3)

    at j (jquery-3.2.1.slim.min.js:1193)

    at k (jquery-3.2.1.slim.min.js:1199)

From this JavaScript:

$(function() { //when the DOM is ready

    var times; //declare global variable

    $.ajax({ //set up request

        beforeSend: function (xhr) { //before requesting data

            if (xhr.overrideMimeType) { //if supported

                xhr.overrideMimeType("application/json"); // set MIME to prevent errors

            }

        }

    });

    //funciton that collect data from the json file

    function loadTimetable() { //decalre function

        $.getJSON('data/example.json') //try to collect json data

            .done(function (data) { //if succesful

                times = data; //store in variable

            }).fail(function () { //if a problem: show message

                $('#event').html('Sorry! we couldnt load your time table at the moment');

            });

    }

    loadTimetable(); //call the function



    //CLICK ON TEH EVENT TO LOAD A TIME TABLE

    $('#content').on('click', '#event a', function (e) { //user clicks on place

        e.preventDefault(); //prevent loading page

        var loc = this.id.toUpperCase(); //get value of id attr

        var newContent = "";

        for (var i = 0; i < times[loc].length; i++) { // loop through sessions

            newContent += '<li><span class = "time">' + times[loc][i].time + '</span>';

            newContent += '<a href = "descriptions.html#';

            newContent += times[loc][i].title.replace(/ /g, '-') + '">';

            newContent += times[loc][i].title + '</a></li>';

        }

        $('#sessions').html('<ul>' + newContent + '</ul>'); // Display Time

        $('#event a.current').removeClass('current'); // update selected link

        $(this).addClass('current');

        $('#details').text('');

    });



    //CLICK ON A SESSION TO LEAD THE DESCRIPTION

    $('#content').on('click', '#sessions li a', function (e) { //click on session

        e.preventDefault(); // prevent loading

        var fragment = this.href; //title is in href

        fragment = fragment.replace('#', ' #'); //Add Space before #

        $('#details').load(fragment); //to load info

        $('#sessions a.current').removeClass('current'); //update selected

    });



    //CLICK ON PRIMARY NAVIGATION

    $('nav a').on('click', function (e) { //click on nav

        e.preventDefault(); //prevent loading

        var url = this.href; //get UR: to load

        $('nav a.current').removeClass('current');

        $(this).addClass('current');

        $('#container').remove(); //remove old

        $('#content').load(url + ' #container').hide().fadeIn('slow'); // add new

    });

});

I'm not sure if it's an issue with the way I'm initiating .ajax or if my jquery isn't correctly implemented. I think it is. Any Thoughts?

edit: here's the html that goes with the script above

<!DOCTYPE html>



<body>

    <header>

        <h1>UseTime</h1>

        <nav>

            <a href="jq-load.html">HOME</a>

            <a href="jq-load.html2">PROFILE</a>

            <a href="jq-load.html4">MANAGE TASKS</a>

            <a href="usetime.html">TIME TABLE</a>

        </nav>

    </header>

    <section id="content">

        <div id="container">

            <div class="third">

                <div id="event">

                    <a id="class1" href="class1.html"><img src="" alt="class1" /> Class 1 </a>

                    <a id="class2" href="class2.html"><img src="" alt="class2" /> Class 2 </a>

                    <a id="class3" href="class3.html"><img src="" alt="class3" /> Class 3 </a>

                </div>

            </div>

            <div class="third">

                <div id="sessions"> Select a Class from the left </div>

            </div>

            <div class="third">

                <div id="details"> Details </div>

            </div>

        </div>

        <!-- container -->

    </section>

    <!-- content -->



    <script src="js/jquery-3.2.1.slim.min.js"></script>

    <script src="js/example.js"></script>

</body>

edited May 27 '17 at 2:02

asked May 27 '17 at 1:56

Adamwuh

148125

Not sure what's wrong but I'm getting this error from my chrome console:

jquery-3.2.1.slim.min.js:1244 jQuery.Deferred exception: $.ajax is not a function TypeError: $.ajax is not a function

    at HTMLDocument.<anonymous> (file:///C:/Users/Adam/Desktop/UseTime/js/example.js:3:7)

    at j (file:///C:/Users/Adam/Desktop/UseTime/js/jquery-3.2.1.slim.min.js:1193:55)

    at k (file:///C:/Users/Adam/Desktop/UseTime/js/jquery-3.2.1.slim.min.js:1199:45) undefined

r.Deferred.exceptionHook @ jquery-3.2.1.slim.min.js:1244

jquery-3.2.1.slim.min.js:1247 Uncaught TypeError: $.ajax is not a function

    at HTMLDocument.<anonymous> (example.js:3)

    at j (jquery-3.2.1.slim.min.js:1193)

    at k (jquery-3.2.1.slim.min.js:1199)

From this JavaScript:

$(function() { //when the DOM is ready

    var times; //declare global variable

    $.ajax({ //set up request

        beforeSend: function (xhr) { //before requesting data

            if (xhr.overrideMimeType) { //if supported

                xhr.overrideMimeType("application/json"); // set MIME to prevent errors

            }

        }

    });

    //funciton that collect data from the json file

    function loadTimetable() { //decalre function

        $.getJSON('data/example.json') //try to collect json data

            .done(function (data) { //if succesful

                times = data; //store in variable

            }).fail(function () { //if a problem: show message

                $('#event').html('Sorry! we couldnt load your time table at the moment');

            });

    }

    loadTimetable(); //call the function



    //CLICK ON TEH EVENT TO LOAD A TIME TABLE

    $('#content').on('click', '#event a', function (e) { //user clicks on place

        e.preventDefault(); //prevent loading page

        var loc = this.id.toUpperCase(); //get value of id attr

        var newContent = "";

        for (var i = 0; i < times[loc].length; i++) { // loop through sessions

            newContent += '<li><span class = "time">' + times[loc][i].time + '</span>';

            newContent += '<a href = "descriptions.html#';

            newContent += times[loc][i].title.replace(/ /g, '-') + '">';

            newContent += times[loc][i].title + '</a></li>';

        }

        $('#sessions').html('<ul>' + newContent + '</ul>'); // Display Time

        $('#event a.current').removeClass('current'); // update selected link

        $(this).addClass('current');

        $('#details').text('');

    });



    //CLICK ON A SESSION TO LEAD THE DESCRIPTION

    $('#content').on('click', '#sessions li a', function (e) { //click on session

        e.preventDefault(); // prevent loading

        var fragment = this.href; //title is in href

        fragment = fragment.replace('#', ' #'); //Add Space before #

        $('#details').load(fragment); //to load info

        $('#sessions a.current').removeClass('current'); //update selected

    });



    //CLICK ON PRIMARY NAVIGATION

    $('nav a').on('click', function (e) { //click on nav

        e.preventDefault(); //prevent loading

        var url = this.href; //get UR: to load

        $('nav a.current').removeClass('current');

        $(this).addClass('current');

        $('#container').remove(); //remove old

        $('#content').load(url + ' #container').hide().fadeIn('slow'); // add new

    });

});

I'm not sure if it's an issue with the way I'm initiating .ajax or if my jquery isn't correctly implemented. I think it is. Any Thoughts?

edit: here's the html that goes with the script above

<!DOCTYPE html>



<body>

    <header>

        <h1>UseTime</h1>

        <nav>

            <a href="jq-load.html">HOME</a>

            <a href="jq-load.html2">PROFILE</a>

            <a href="jq-load.html4">MANAGE TASKS</a>

            <a href="usetime.html">TIME TABLE</a>

        </nav>

    </header>

    <section id="content">

        <div id="container">

            <div class="third">

                <div id="event">

                    <a id="class1" href="class1.html"><img src="" alt="class1" /> Class 1 </a>

                    <a id="class2" href="class2.html"><img src="" alt="class2" /> Class 2 </a>

                    <a id="class3" href="class3.html"><img src="" alt="class3" /> Class 3 </a>

                </div>

            </div>

            <div class="third">

                <div id="sessions"> Select a Class from the left </div>

            </div>

            <div class="third">

                <div id="details"> Details </div>

            </div>

        </div>

        <!-- container -->

    </section>

    <!-- content -->



    <script src="js/jquery-3.2.1.slim.min.js"></script>

    <script src="js/example.js"></script>

</body>

javascript jquery ajax typeerror

edited May 27 '17 at 2:02

asked May 27 '17 at 1:56

Adamwuh

148125

edited May 27 '17 at 2:02

asked May 27 '17 at 1:56

Adamwuh

148125

edited May 27 '17 at 2:02

asked May 27 '17 at 1:56

Adamwuh

148125

asked May 27 '17 at 1:56

Adamwuh

148125

asked May 27 '17 at 1:56

Adamwuh

148125

Do you link any jQuery to Your Code??? Link the Jquery before any other javascript. it may work.
– AdhershMNair
May 27 '17 at 1:59

1

yea yea it's in the html that calls this, I'll throw it up into the post
– Adamwuh
May 27 '17 at 2:01

add a comment |

Do you link any jQuery to Your Code??? Link the Jquery before any other javascript. it may work.
– AdhershMNair
May 27 '17 at 1:59

1

yea yea it's in the html that calls this, I'll throw it up into the post
– Adamwuh
May 27 '17 at 2:01

Do you link any jQuery to Your Code??? Link the Jquery before any other javascript. it may work.
– AdhershMNair
May 27 '17 at 1:59

yea yea it's in the html that calls this, I'll throw it up into the post
– Adamwuh
May 27 '17 at 2:01

add a comment |

2 Answers
2

active

oldest

votes

You are using slim version of jQuery. It Doesn't support ajax Calling.
Use

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

instead of it.

Slim build

Sometimes you don’t need ajax, or you prefer to use one of the many
standalone libraries that focus on ajax requests. And often it is
simpler to use a combination of CSS and class manipulation for all
your web animations. Along with the regular version of jQuery that
includes the ajax and effects modules, we’ve released a “slim” version
that excludes these modules. All in all, it excludes ajax, effects,
and currently deprecated code. The size of jQuery is very rarely a
load performance concern these days, but the slim build is about 6k
gzipped bytes smaller than the regular version – 23.6k vs 30k. These
files are also available in the npm package and on the CDN:

https://code.jquery.com/jquery-3.1.1.slim.js

https://code.jquery.com/jquery-3.1.1.slim.min.js

Referred from jQuery Blog

edited Feb 20 at 15:11

answered May 27 '17 at 2:08

AdhershMNair

1,95511227

1

ohhhh I didnt know that, that makes sense, I'll give that a try. Thanks
– Adamwuh
May 27 '17 at 2:19

You many refer it from here. blog.jquery.com/2016/09/22/jquery-3-1-1-released
– AdhershMNair
May 27 '17 at 2:22

1

This answer is pure gold.. Took me 2 hours. Why are they removing AJAX - Its one of the best functions around jQuery.
– gies0r
Apr 11 at 18:31

2

@AdhershMNair: Sure - Just belive that most applications need this feature
– gies0r
Apr 12 at 6:54

1

Bootstrap sample template under 'Getting Started' loads the slim version. Had to snag proper from their CDN at code.jquery.com.
– Art Geigel
May 11 at 21:40

|
show 1 more comment

jQuery 3 slim version doesn't support ajax.

According to the release docs,

Along with the regular version of jQuery that includes the ajax and
effects modules, we’re releasing a “slim” version that excludes these
modules. All in all, it excludes ajax, effects, and currently
deprecated code.

To use .ajax method, simply use the full version one.

Try this one (jquery-3.2.1.min.js) instead of slim (jquery-3.2.1.slim.min.js)

  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

edited Oct 23 '17 at 12:20

answered Oct 17 '17 at 6:48

Arun

1,2671814

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f44212202%2fmy-javascript-is-returning-this-error-ajax-is-not-a-function%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

You are using slim version of jQuery. It Doesn't support ajax Calling.
Use

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

instead of it.

Slim build

Sometimes you don’t need ajax, or you prefer to use one of the many
standalone libraries that focus on ajax requests. And often it is
simpler to use a combination of CSS and class manipulation for all
your web animations. Along with the regular version of jQuery that
includes the ajax and effects modules, we’ve released a “slim” version
that excludes these modules. All in all, it excludes ajax, effects,
and currently deprecated code. The size of jQuery is very rarely a
load performance concern these days, but the slim build is about 6k
gzipped bytes smaller than the regular version – 23.6k vs 30k. These
files are also available in the npm package and on the CDN:

https://code.jquery.com/jquery-3.1.1.slim.js

https://code.jquery.com/jquery-3.1.1.slim.min.js

Referred from jQuery Blog

edited Feb 20 at 15:11

answered May 27 '17 at 2:08

AdhershMNair

1,95511227

1

ohhhh I didnt know that, that makes sense, I'll give that a try. Thanks
– Adamwuh
May 27 '17 at 2:19

You many refer it from here. blog.jquery.com/2016/09/22/jquery-3-1-1-released
– AdhershMNair
May 27 '17 at 2:22

1

This answer is pure gold.. Took me 2 hours. Why are they removing AJAX - Its one of the best functions around jQuery.
– gies0r
Apr 11 at 18:31

2

@AdhershMNair: Sure - Just belive that most applications need this feature
– gies0r
Apr 12 at 6:54

1

Bootstrap sample template under 'Getting Started' loads the slim version. Had to snag proper from their CDN at code.jquery.com.
– Art Geigel
May 11 at 21:40

|
show 1 more comment

You are using slim version of jQuery. It Doesn't support ajax Calling.
Use

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

instead of it.

Slim build

Sometimes you don’t need ajax, or you prefer to use one of the many
standalone libraries that focus on ajax requests. And often it is
simpler to use a combination of CSS and class manipulation for all
your web animations. Along with the regular version of jQuery that
includes the ajax and effects modules, we’ve released a “slim” version
that excludes these modules. All in all, it excludes ajax, effects,
and currently deprecated code. The size of jQuery is very rarely a
load performance concern these days, but the slim build is about 6k
gzipped bytes smaller than the regular version – 23.6k vs 30k. These
files are also available in the npm package and on the CDN:

https://code.jquery.com/jquery-3.1.1.slim.js

https://code.jquery.com/jquery-3.1.1.slim.min.js

Referred from jQuery Blog

edited Feb 20 at 15:11

answered May 27 '17 at 2:08

AdhershMNair

1,95511227

1

ohhhh I didnt know that, that makes sense, I'll give that a try. Thanks
– Adamwuh
May 27 '17 at 2:19

You many refer it from here. blog.jquery.com/2016/09/22/jquery-3-1-1-released
– AdhershMNair
May 27 '17 at 2:22

1

This answer is pure gold.. Took me 2 hours. Why are they removing AJAX - Its one of the best functions around jQuery.
– gies0r
Apr 11 at 18:31

2

@AdhershMNair: Sure - Just belive that most applications need this feature
– gies0r
Apr 12 at 6:54

1

Bootstrap sample template under 'Getting Started' loads the slim version. Had to snag proper from their CDN at code.jquery.com.
– Art Geigel
May 11 at 21:40

|
show 1 more comment

You are using slim version of jQuery. It Doesn't support ajax Calling.
Use

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

instead of it.

Slim build

Sometimes you don’t need ajax, or you prefer to use one of the many
standalone libraries that focus on ajax requests. And often it is
simpler to use a combination of CSS and class manipulation for all
your web animations. Along with the regular version of jQuery that
includes the ajax and effects modules, we’ve released a “slim” version
that excludes these modules. All in all, it excludes ajax, effects,
and currently deprecated code. The size of jQuery is very rarely a
load performance concern these days, but the slim build is about 6k
gzipped bytes smaller than the regular version – 23.6k vs 30k. These
files are also available in the npm package and on the CDN:

https://code.jquery.com/jquery-3.1.1.slim.js

https://code.jquery.com/jquery-3.1.1.slim.min.js

Referred from jQuery Blog

edited Feb 20 at 15:11

answered May 27 '17 at 2:08

AdhershMNair

1,95511227

You are using slim version of jQuery. It Doesn't support ajax Calling.
Use

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

instead of it.

Slim build

Sometimes you don’t need ajax, or you prefer to use one of the many
standalone libraries that focus on ajax requests. And often it is
simpler to use a combination of CSS and class manipulation for all
your web animations. Along with the regular version of jQuery that
includes the ajax and effects modules, we’ve released a “slim” version
that excludes these modules. All in all, it excludes ajax, effects,
and currently deprecated code. The size of jQuery is very rarely a
load performance concern these days, but the slim build is about 6k
gzipped bytes smaller than the regular version – 23.6k vs 30k. These
files are also available in the npm package and on the CDN:

https://code.jquery.com/jquery-3.1.1.slim.js

https://code.jquery.com/jquery-3.1.1.slim.min.js

Referred from jQuery Blog

edited Feb 20 at 15:11

answered May 27 '17 at 2:08

AdhershMNair

1,95511227

edited Feb 20 at 15:11

answered May 27 '17 at 2:08

AdhershMNair

1,95511227

answered May 27 '17 at 2:08

AdhershMNair

1,95511227

answered May 27 '17 at 2:08

AdhershMNair

1,95511227

1

ohhhh I didnt know that, that makes sense, I'll give that a try. Thanks
– Adamwuh
May 27 '17 at 2:19

You many refer it from here. blog.jquery.com/2016/09/22/jquery-3-1-1-released
– AdhershMNair
May 27 '17 at 2:22

1

This answer is pure gold.. Took me 2 hours. Why are they removing AJAX - Its one of the best functions around jQuery.
– gies0r
Apr 11 at 18:31

2

@AdhershMNair: Sure - Just belive that most applications need this feature
– gies0r
Apr 12 at 6:54

1

Bootstrap sample template under 'Getting Started' loads the slim version. Had to snag proper from their CDN at code.jquery.com.
– Art Geigel
May 11 at 21:40

|
show 1 more comment

1

ohhhh I didnt know that, that makes sense, I'll give that a try. Thanks
– Adamwuh
May 27 '17 at 2:19

You many refer it from here. blog.jquery.com/2016/09/22/jquery-3-1-1-released
– AdhershMNair
May 27 '17 at 2:22

1

This answer is pure gold.. Took me 2 hours. Why are they removing AJAX - Its one of the best functions around jQuery.
– gies0r
Apr 11 at 18:31

2

@AdhershMNair: Sure - Just belive that most applications need this feature
– gies0r
Apr 12 at 6:54

1

Bootstrap sample template under 'Getting Started' loads the slim version. Had to snag proper from their CDN at code.jquery.com.
– Art Geigel
May 11 at 21:40

ohhhh I didnt know that, that makes sense, I'll give that a try. Thanks
– Adamwuh
May 27 '17 at 2:19

You many refer it from here. blog.jquery.com/2016/09/22/jquery-3-1-1-released
– AdhershMNair
May 27 '17 at 2:22

This answer is pure gold.. Took me 2 hours. Why are they removing AJAX - Its one of the best functions around jQuery.
– gies0r
Apr 11 at 18:31

@AdhershMNair: Sure - Just belive that most applications need this feature
– gies0r
Apr 12 at 6:54

Bootstrap sample template under 'Getting Started' loads the slim version. Had to snag proper from their CDN at code.jquery.com.
– Art Geigel
May 11 at 21:40

|
show 1 more comment

jQuery 3 slim version doesn't support ajax.

According to the release docs,

Along with the regular version of jQuery that includes the ajax and
effects modules, we’re releasing a “slim” version that excludes these
modules. All in all, it excludes ajax, effects, and currently
deprecated code.

To use .ajax method, simply use the full version one.

Try this one (jquery-3.2.1.min.js) instead of slim (jquery-3.2.1.slim.min.js)

  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

edited Oct 23 '17 at 12:20

answered Oct 17 '17 at 6:48

Arun

1,2671814

add a comment |

jQuery 3 slim version doesn't support ajax.

According to the release docs,

Along with the regular version of jQuery that includes the ajax and
effects modules, we’re releasing a “slim” version that excludes these
modules. All in all, it excludes ajax, effects, and currently
deprecated code.

To use .ajax method, simply use the full version one.

Try this one (jquery-3.2.1.min.js) instead of slim (jquery-3.2.1.slim.min.js)

  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

edited Oct 23 '17 at 12:20

answered Oct 17 '17 at 6:48

Arun

1,2671814

add a comment |

jQuery 3 slim version doesn't support ajax.

According to the release docs,

Along with the regular version of jQuery that includes the ajax and
effects modules, we’re releasing a “slim” version that excludes these
modules. All in all, it excludes ajax, effects, and currently
deprecated code.

To use .ajax method, simply use the full version one.

Try this one (jquery-3.2.1.min.js) instead of slim (jquery-3.2.1.slim.min.js)

  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

edited Oct 23 '17 at 12:20

answered Oct 17 '17 at 6:48

Arun

1,2671814

jQuery 3 slim version doesn't support ajax.

According to the release docs,

Along with the regular version of jQuery that includes the ajax and
effects modules, we’re releasing a “slim” version that excludes these
modules. All in all, it excludes ajax, effects, and currently
deprecated code.

To use .ajax method, simply use the full version one.

Try this one (jquery-3.2.1.min.js) instead of slim (jquery-3.2.1.slim.min.js)

  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

edited Oct 23 '17 at 12:20

answered Oct 17 '17 at 6:48

Arun

1,2671814

edited Oct 23 '17 at 12:20

answered Oct 17 '17 at 6:48

Arun

1,2671814

answered Oct 17 '17 at 6:48

Arun

1,2671814

answered Oct 17 '17 at 6:48

Arun

1,2671814

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Tukukkk