스택큐힙리스트

저의 자바스크립트에서 다음 오류를 반환하고 있습니다: $.ajax는 함수가 아닙니다. 본문

카테고리 없음

저의 자바스크립트에서 다음 오류를 반환하고 있습니다: $.ajax는 함수가 아닙니다.

스택큐힙리스트 2023. 12. 5. 00:21
반응형

저는 .ajax를 초기화하는 방법에 문제가 있는지 또는 제가 jquery를 올바르게 구현하지 못한 것인지 확신이 없습니다. 제 생각에는 후자인 것 같습니다. 의견이 있으신가요?


편집: 위의 스크립트와 함께 사용되는 html이 여기 있습니다.

<!DOCTYPE html>
<body>
    <header>
        <h1>UseTime</h1>
        <nav>
            <a href=jq-load.html>홈</a>
            <a href=jq-load.html2>프로필</a>
            <a href=jq-load.html4>작업 관리</a>
            <a href=usetime.html>시간표</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 /> 수업 1 </a>
                    <a id=class2 href=class2.html><img src= alt=class2 /> 수업 2 </a>
                    <a id=class3 href=class3.html><img src= alt=class3 /> 수업 3 </a>
                </div>
            </div>
            <div class=third>
                <div id=sessions> 왼쪽에서 수업을 선택하세요 </div>
            </div>
            <div class=third>
                <div id=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>

답변 1

지금은 jQuery의 슬림 버전을 사용하고 있습니다. ajax 호출을 지원하지 않습니다.
대신에 다음 코드를 사용하세요.


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

그 대신에 사용하세요.



슬림 빌드


가끔은 ajax가 필요하지 않을 때가 있거나 ajax 요청에 중점을 둔 독립적인 라이브러리를 사용하는 것이 좋을 수도 있습니다.
또한 웹 애니메이션을 위해서는 CSS와 클래스 조작을 결합하여 사용하는 것이 더 간단할 수도 있습니다.
ajax와 effects 모듈을 포함한 일반 버전의 jQuery와 별도로, 이러한 모듈을 제외한 slim 버전을 배포하고 있습니다.
ajax, effects 및 현재 작업 중인 코드를 제외합니다.
현재의 웹 로딩 성능 우려가 거의 없는 요즘입니다만, 슬림 빌드는 정규 버전보다 6k의 gzip된 바이트가 작으며, 23.6k 대 30k입니다.
이 파일들은 npm 패키지 및 CDN에서도 사용할 수 있습니다:


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

이 글은 jQuery 블로그에서 참고되었습니다.

답변 2

제이쿼리의 $.ajax 함수가 동작하지 않아 '$.ajax는 함수가 아닙니다'라는 오류가 발생하고 있습니다. 이 문제는 주로 제이쿼리 라이브러리가 로드되지 않았거나 제대로 로드되지 않았을 때 발생할 수 있습니다. 따라서 우선적으로 이 두 가지 측면을 확인하고 문제를 해결해야 합니다.
첫째로, 제이쿼리 라이브러리가 로드되었는지 확인해야 합니다. 제이쿼리는 웹 페이지의 스크립트 태그를 통해 불러와집니다. 일반적으로 다음과 같은 코드로 제이쿼리 라이브러리를 로드할 수 있습니다:
```html

```
이 코드를 `` 태그 내에 추가하면 제이쿼리 라이브러리를 로드할 수 있습니다. 만약 다른 옵션을 사용한다면 해당 방식을 확인해야 합니다. 이 작업을 완료하면 제이쿼리 라이브러리가 로드되어 '$' 식별자를 통해 접근할 수 있게 됩니다.
둘째로, 제이쿼리 라이브러리가 제대로 로드되었는지 확인해야 합니다. 때로는 라이브러리 파일이 올바르게 로드되었지만 다른 스크립트 파일과 충돌하여 충돌이 발생할 수 있습니다. 이럴 때는 해당 충돌을 해결하기 위해 다른 스크립트를 제거하거나 충돌을 방지하기 위해 'noConflict' 메서드를 사용해야 할 수도 있습니다.
오류 메시지인 '$.ajax는 함수가 아닙니다'는 주로 위의 두 가지 상황 중 하나에 해당하는 경우가 많습니다. 따라서 이 두 가지 측면을 다시 확인하고 오류를 해결할 수 있도록 해야 합니다.
이렇게 제이쿼리의 $.ajax 함수가 동작하지 않는 오류를 해결하는 방법을 알아보았습니다. 정확한 애플리케이션 환경과 상황에 맞는 조치를 취하여 오류를 해결해야 합니다. 그러면 오류 없이 웹 애플리케이션을 구현하고 웹사이트의 사용자들에게 손쉽게 서비스를 제공할 수 있습니다.

반응형
Comments