php - 坚持调用 Jquery 函数

Question

我有这个代码：

<div id='mainTop'>                 
    <span></span>
    <button><h3>Search</h3></button>
    <div class='inputField'><input type='text' name='search' size=45></div>
</div>

<script>
    function showPage(page,key)    {   
        if(!key)
            $.get("showPage.php?page="+page,function(data){
                /**
                 *    Insert HTML result from PHP file
                 *    Then edit table color
                 *    In the end call function buttonPage()
                 */
                $("#mainTable").html(data);
                $("#mainTable tr:odd td").css("background-color","#e3f0ad");
                buttonPage(page);
            });
        else
            $.get("showPage.php?page="+page+"&key="+key,function(data){
                $("#mainTable").html(data);
                $("#mainTable tr:odd td").css("background-color","#e3f0ad");
                buttonPage(page,key);
            });
    }

    $("#mainTop button").click(function(){
        key= $("#mainTop input").val();
        if(!key)
            showPage(1,key);
    });
</script>

我想要的是有一个输入字段和一个按钮来搜索数据库。
如果 key 为空，那么我不会将 key 参数传递给 php 文件，而只是打印出数据库。
如果键不为空，则将键参数传递给 php 文件并使用该键在数据库中搜索。
我尝试自己运行 php 文件并且它可以工作，但是当我单击按钮时没有任何反应，所以我认为我的脚本有一些问题。有人可以帮助我吗？

Answer 1

您的代码必须更正如下

$("#mainTop button").click(function(){
   var key= $("#mainTop input").val();  
    if(key)
        showPage(1,key);
});

Answer 2

您没有设置按钮单击事件...将 Onclick 事件添加到您的 html 代码中...

<button onclick="showPage()"><h3>Search</h3></button>

Answer 3

在绑定点击的函数中，您key在调用showPage. 因此，尽管您检查了key 内部（showPage()总是发出请求但决定是否发送密钥），但showPage()如果您在输入中提供任何内容，您永远不会进入。

这段代码：

$("#mainTop button").click(function(){
    key= $("#mainTop input").val();
    if(!key)
        showPage(1,key);
});

应该是：

$("#mainTop button").click(function(){
    key = $("#mainTop input").val();

    showPage(1,key);
});