javascript - 如何使 html 按钮指向 php 网站？

Question

我根据用户是否登录动态创建按钮。

我正在尝试设置 loginBtn 的 onclick 函数，例如使用 location="login.php"，但这似乎不起作用。

我也尝试过:

$("#loginBtn").click(function(){
                $.ajax({
                    type:'POST',
                    url:'login.php'
                    success: function(data) {
                        alert(data);
                    }
                });
            });

但这也不起作用。

这是创建按钮的代码:

window.onload = function () {
            var loggedIn = '<?php echo $_SESSION["loggedin"] ?>';
            //Set login buttons to register/login or logout
            if(loggedIn == 1)
            {
                document.getElementById("loginButtons").innerHTML = 
                '<button id="logoutBtn" type="button" class="btn btn-primary myButtons">Abmelden</button>'
            }
            else{
                  document.getElementById("loginButtons").innerHTML = 
                '<button id="regBtn" type="button" class="btn btn-primary myButtons" >Registrieren</button>'+
                '<button id="loginBtn" type="button" class="btn btn-primary myButtons" onclick="location="warungyoga.de/login.php"" >Anmelden</button>'

            }

当用户单击按钮时，它应该直接跳转到没有任何 url 参数的页面。

Answer 1

您需要等待设置单击事件监听器，直到文档准备就绪。这是因为您想要使用事件监听器设置的元素是在页面加载后动态创建的(而不是初始 html 的一部分)，并且不会立即准备就绪。

要等待文档准备好，请将这部分代码包装在:

$( document ).ready(function() { /* code here */ });

或者，您可以使用特定元素的选择器作为第一个参数来监听文档的点击:

$(document).click("#loginBtn",function(){ ...

其他一些小错误:

• 您似乎缺少一个逗号(请参见 url:'login.php' 行)。
• 使用 jquery 设置事件监听器时不需要“onclick”属性。