Question

我有一个jquery脚本：

    $.get('php/username.php', { username: userName },
    function(data){
        var get_back = data;
        alert(get_back);
    });

发生的事情是，如果我在firebug控制台中运行它可以工作，但如果我在点击功能中添加它，它不会：

$(document).ready(function(){
$("#btnLogout").click(function () {
    $.get('php/username.php', { username: userName },
    function(data){
        var get_back = data;
        alert(get_back);
    });
});
});

HTML

<p><input type="submit" name="btnLogout" id="btnLogout"  value="Logout" class="page"/></p>

我不明白。

感谢

Answer 1

尝试使用$("#btnLogout").submit(function(){...})

Answer 2

<强>更新

您使用input类型submit - 将其更改为type="button" - 提交按钮已具有默认功能（在<form>内）时您需要停止使用event.preventDefault()和event.stopPropogation() - 请参阅下文：

$(document).ready(function(){
    $("#btnLogout").click(function (e) {
        e.preventDefault(); //stop the submit event for the submit button
        $.get('php/get_username.php', { username: userName },
        function(data){
            var get_back = data;
            alert(get_back);
        });
    });
});

jquery函数没有工作onClick？

2 个答案: