Javascript Button在开始时调用，而不是之后调用

Javascript Button called on start and not after

本文关键字：调用 之后 开始时 Javascript Button      更新时间：2023-09-26

我的Javascript代码在启动时被调用，而不是在按下按钮时调用。类似的问题并没有解决我的问题。

<button type="button" onclick="anzeigen()">Notizen anzeigen</button>

我也尝试了没有引号的"anzeigen（）"，但它也没有帮助。

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
            function anzeigen() {
            $("#ausgabe").empty();
            <% System.out.println("test");%>
                $.ajax({
                    url: "http://localhost:8080/Notizblock/rest/" +     
                    "notizblock/notizen",
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $.each(data, function(i, data1) {      
                            // Erstellt neues Element      
                            var p = $("<p>");      
                            // Zugriff aus JSON - Objekt      
                            p.append(data1.nnummer + " " + data1.tnummer);      
                            $("#ausgabe").append(p);     
                            });
                    }
                });
            };
        });
</script>

无论我尝试什么，函数（和 Syso）都会立即被调用。

编辑：好的，我的服务器实际上有问题或其他东西...我现在复制粘贴了 w3schools 的代码示例，但它也没有用......使用三个浏览器进行测试...有人知道如何解决这个问题吗？

与其将 JavaScript 直接放在 HTML 中，不如做这样的事情：

<button type="button" id="anzeigen">Notizen anzeigen</button>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
        $('#anzeigen').onclick(function() {
        $("#ausgabe").empty();
        <% System.out.println("test");%>
            $.ajax({
                url: "http://localhost:8080/Notizblock/rest/" +     
                "notizblock/notizen",
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(i, data1) {      
                        // Erstellt neues Element      
                        var p = $("<p>");      
                        // Zugriff aus JSON - Objekt      
                        p.append(data1.nnummer + " " + data1.tnummer);      
                        $("#ausgabe").append(p);     
                        });
                }
            });
        };
    });
</script>

当 dom 加载并触发 load 事件时，将调用传递给 document.ready 函数的匿名函数中的任何内容。使用 jQuery，您可以在与 dom 元素交互之前等待此事件。

您将使用按钮的 onclick 属性分配操作，因此无需等待此事件。

编辑： 

<button type="button" onclick="anzeigen()">Notizen anzeigen</button>
<script>
  function anzeigen() {
    $("#ausgabe").empty();
    $.ajax({
        url: "http://localhost:8080/Notizblock/rest/" +     
        "notizblock/notizen",
        type: "GET",
        dataType: "json",
        success: function(data) {
          $.each(data, function(i, data1) {      
              // Erstellt neues Element      
              var p = $("<p>");      
              // Zugriff aus JSON - Objekt      
              p.append(data1.nnummer + " " + data1.tnummer);      
              $("#ausgabe").append(p);     
          });
        }
    });
  }
 </script>
相关文章：