繁体   English   中英

如何从 html 按钮调用 function

[英]How to call a function from html button

当 onclick 时,我试图从 html 主体中的按钮调用 function。 这个 function 将 id 发送到 php 以处理一些信息。 问题是当我按下按钮时,它没有调用 function。 谁能告诉我我做错了什么?

谢谢

这是代码,

<html>
    <head>
        <title>Carrental</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

     <script>
             function delete(id){

                var xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function() {
                      if (this.readyState == 4 && this.status == 200) {
                        var available = this.responseText;
                      }
                  };
                xhttp.open("GET", "add_delete_session.php?action=delete&id="+id, true);
                xhttp.send();
            }
        </script>
    </head>


    <body>
        <button type="button" onclick="delete(9)">Erase</button>
    </body>


</html> 

delete是一个运算符 您不能将其用作变量的名称。

重命名 function。

需要把delete改成另一个名字function, delete是一个操作符,这里可以看到操作符列表: 表达式和操作符

function ajaxCall(id){

                var xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function() {
                      if (this.readyState == 4 && this.status == 200) {
                        var available = this.responseText;
                      }
                  };
                xhttp.open("GET", "add_delete_session.php?action=delete&id="+id, true);
                xhttp.send();
            }
        </script>
    </head>


    <body>
        <button type="button" onclick="ajaxCall(9)">Erase</button>
    </body>

您不能调用 function 删除。 只需重命名它:)

问题是删除是 JavaScript 中的操作员

JavaScript 删除运算符从 object 中删除一个属性; 如果不再持有对同一属性的引用,它最终会自动释放。

因此,您的代码尝试删除 object 或它后面提到的元素,而不是调用您编写的方法。

根据@Pluto https://stackoverflow.com/a/62086635/124891中的示例,您必须重命名该方法并调用它。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM