在php文件中 使用ajax遇到Uncaught ReferenceError: $ is not defined

 ###### 问题遇到的现象和发生背景
在看一个19年的视频学习laravel8,视频中能正常运行 但我这里用不了。
 ###### 问题相关代码,请勿粘贴截图
浏览器指出问题出在$(function)这一行

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <script type="text/javescript" src="http://php-acad.28sjw.com/Statics/Assets/js/jquery.min-3.2.1.js"></script>
        <link href="" rel="stylesheet">
</head>
<body>
    <input type="button" value="点我" id="btn"/>
</body>
    <script type ="text/javascript">
        $(function(){
            //给按钮绑定点击事件
            $('btn').click(function(){
                $get('home/test/test19', function(data){
                    console.log(data)
                },'json');
            });
        });
    </script>
</html>

 ###### 运行结果及报错内容

img

 ###### 我的解答思路和尝试过的方法
查了一下其他人的解决方案都是讲Jquery放到最上面,然后检查Jquery路径是否正确。检查过后还是有同样的问题。
 ###### 我想要达到的结果
预计效果应该是出现一个请求。谢谢~

题主代码问题好多,主要有以下4处错误

img

1)ajax资源网址正确,最主要的是type的值打错了
是 text/javascript
不是text/javescript
2)DOM对象选择器有问题,加上#btn,而不是btn
3)ajax请求是$.get,不是$get
4)题主用谷歌的资源在国内肯定不行的,被拦截了。

https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js

改下面就可以了,但是需要注意ajax请求网址的正确性

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <script type="text/javascript" src="http://php-acad.28sjw.com/Statics/Assets/js/jquery.min-3.2.1.js"></script>
    <link href="" rel="stylesheet">
</head>
<body>
    <input type="button" value="点我" id="btn" />
</body>
<script type="text/javascript">
        $(function(){
            //给按钮绑定点击事件
            $('#btn').click(function(){
                $.get('home/test/test19', function(data){
                    console.log(data)
                },'json');
            });
        });
</script>
</html>


img


有其他问题可以继续交流~

我在本地帮你看了下 和jQuery没关系 问题是出现在了这里

$get('home/test/test19', function(data){console.log(data)},'json');

$get是不对的 你应该用$.get

换一个网址

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
        <link href="" rel="stylesheet">
</head>
<body>
    <input type="button" value="点我" id="btn"/>
</body>
    <script type ="text/javascript">
        console.log($('#btn'))
        $(function(){
            //给按钮绑定点击事件
            $('#btn').click(function(){
                $get('home/test/test19', function(data){
                    console.log(data)
                },'json');
            });
        });
    </script>
</html>
 

你的jquery为什么不是本地路径,而是个网址呀

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632