javascript - যবহ - স্ক্রিপ্টিং ভাষা কি




আমার জাভাস্ক্রিপ্ট এই ত্রুটিটি ফিরিয়ে দিচ্ছে: aj.জ্যাক্স কোনও ফাংশন নয় (2)

কী হয়েছে তা নিশ্চিত নয় তবে আমি আমার ক্রোম কনসোল থেকে এই ত্রুটিটি পাচ্ছি:

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)

এই জাভাস্ক্রিপ্ট থেকে:

$(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
    });
});

আমি জানি না যে .জ্যাক্সটি যেভাবে শুরু করছি তাতে আমার সমস্যা আছে কিনা বা আমার jquery সঠিকভাবে প্রয়োগ করা হয়নি কিনা। আমি ভাবছি এটাই সেটা. কোন চিন্তা?

সম্পাদনা করুন: এখানে এইচটিএমএল যা উপরে স্ক্রিপ্টের সাথে যায়

<!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>

jQuery 3 স্লিম সংস্করণ আজাক্স সমর্থন করে না।

রিলিজ ডক্স অনুসারে,

JQuery এর নিয়মিত সংস্করণের পাশাপাশি এজাক্স এবং এফেক্টস মডিউলগুলি অন্তর্ভুক্ত করা হচ্ছে, আমরা একটি "স্লিম" সংস্করণ প্রকাশ করছি যা এই মডিউলগুলি বাদ দেয়। সব মিলিয়ে এটি এজাক্স , প্রভাবগুলি এবং বর্তমানে অবহিত কোড বাদ দেয়

.ajax পদ্ধতিটি ব্যবহার করতে, কেবল সম্পূর্ণ সংস্করণ ব্যবহার করুন।

স্লিম (jquery-3.2.1.slim.min.js) এর পরিবর্তে এটি (jquery-3.2.1.min.js) ব্যবহার করে দেখুন

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

আপনি jQuery এর পাতলা সংস্করণ ব্যবহার করছেন। এটি আজাক্স কলিং সমর্থন করে না। ব্যবহার

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

পরিবর্তে এটি।

স্লিম বিল্ড

কখনও কখনও আপনার এজাক্সের প্রয়োজন হয় না বা আপনি এজলাস অনুরোধগুলিতে ফোকাস করে এমন অনেকগুলি স্ট্যান্ডলোন লাইব্রেরি ব্যবহার করতে পছন্দ করেন। এবং প্রায়শই আপনার সমস্ত ওয়েব অ্যানিমেশনের জন্য সিএসএস এবং শ্রেণি ম্যানিপুলেশনের সংমিশ্রণটি ব্যবহার করা সহজ। JQuery এর নিয়মিত সংস্করণের পাশাপাশি এজাক্স এবং ইফেক্ট মডিউলগুলি অন্তর্ভুক্ত করে আমরা একটি "স্লিম" সংস্করণ প্রকাশ করেছি যা এই মডিউলগুলি বাদ দেয় es সব মিলিয়ে এটি এজাক্স, প্রভাবগুলি এবং বর্তমানে অবহিত কোড বাদ দেয়। জিকুয়ের আকার আজকাল খুব কমই লোড পারফরম্যান্সের উদ্বেগ, তবে স্লিম বিল্ডটি প্রায় নিয়মিত সংস্করণের চেয়ে প্রায় 6 কে গিজিপ বাইট - 23.6 কে বনাম 30 কে। এই ফাইলগুলি এনপিএম প্যাকেজে এবং সিডিএন-তে উপলব্ধ:

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

JQuery ব্লগ থেকে উল্লেখ করা






typeerror