Question

所有目录都是正确的，我已经包含了jQuery，PHP脚本只是回显一个字符串。我已经检查了所有内容，但我发现它没有任何问题。这是代码：

// script.php
echo "hello";

// HTML
<button type="button"></button>

// jQuery/AJAX
<script type="text/javascript">

    $(document).ready(function() {
        $("button").click(function() {
            $.ajax({
                type: 'POST',
                url: 'script.php',
                success: function(data) {
                    alert(data);
                }
            });
        });
    });

</script>

为什么这不起作用？我真的看不出一个问题......我犯了一个愚蠢的错误，或者是否有什么可能导致这个错误的事情？

另外，如果我决定，我怎么能这样做，以便我不必使用＆＃34; url：＆＃39; script.php＆＃39;＆＃34;而我在页面中包含了带有jQuery / AJAX代码的script.php？

感谢您的帮助，我一直在建设一个项目，但由于编程的繁琐，我每隔5分钟就不得不提问：）

编辑***

我已经在控制台中找到了这个错误＆＃34;未捕获的ReferenceError：$未定义＆＃34;。这是一个屏幕截图 the error in the console

Answer 1

鉴于 Uncaught ReferenceError：$未定义错误，jQuery无法包含。

可能有几个可能的原因：

您忘记为其添加脚本标记
你把jQuery脚本标签放在你的代码之后，确保jQuery是第一个
脚本标记或周围标记格式不正确（可能您之前没有关闭标记或标记标记不关闭）
网址可能有误
如果您正在托管该文件，则可能尚未上传
您可能在某处覆盖了$或jQuery

Answer 2

尝试使用这套完整的代码。

几次检查：

检查script.php是否拼写正确且文件名不是scripts.php。
确保script.php页面包含以下代码：

   <?php
     echo "hello";
   ?>

完整的代码文件

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("button").click(function() {
                $.ajax({
                    type: 'POST',
                    url: 'scripts.php',
                    success: function(data) {
                        alert(data);
                    }
                });
            });
        });

   </script>
   </head>
   <body>
        <button type="button"></button>
   </body>
</html>

Answer 3

您可以尝试使用此代码

<button type="button" id="btn"></button>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

// jQuery / AJAX

<script type="text/javascript">

    $(document).ready(function() {
        $("#btn").click(function() {
            $.ajax({
                type: 'POST',
                url: 'script.php',
                success: function(data) {
                    alert(data);
                }
            });
        });
    });

</script>

出于某种原因，这个AJAX将在一个项目中工作，但在另一个项目中不工作

3 个答案: