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为null，那么我不会将关键参数传递给php文件，只打印输出数据库如果key不为null，则将key参数传递给php文件并使用该键在数据库中搜索。
我试图自己运行php文件并且它可以工作，但是当我点击按钮时没有任何事情发生，所以我认为我的脚本有一些问题。可以有人帮助我吗？

Answer 1

在您绑定点击的功能中，您在调用key之前检查showPage是否为假。因此，尽管您检查了key内的showPage() <（1}}（它始终发出请求但决定是否发送密钥），但您永远不会进入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); });

Answer 2

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

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

Answer 3

您的代码必须更正如下

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

坚持调用Jquery函数

3 个答案: