jQuery(..).load(..)无效

del*_*del 0 html javascript css ajax jquery

我学习jQuery ajax,但是没有用.我点击了div,但没有任何反应.请帮我找出错误的地方.

js脚本:

$(document).ready(function(){
    $('#maindiv').click(function(){
        $(this).load('q.txt')
    });
});
Run Code Online (Sandbox Code Playgroud)

带有一个div的html页面:

<!DOCTYPE html>
<html>
<head>
    <title>Ajax</title>
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/aj.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
    <div id="maindiv"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

q.txt有一个单词.

epa*_*llo 7

您的jQuery文件需要先加载.如果你看一下控制台,我相信你会得到$未定义的错误.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/aj.js"></script>
Run Code Online (Sandbox Code Playgroud)