坚持调用Jquery函数

Stuck with calling Jquery function

本文关键字：函数 Jquery 调用 坚持      更新时间：2023-09-26

我有这样的代码:

<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>

我想要的是有一个输入字段和一个按钮来搜索数据库。
如果键是空的，那么我不传递键参数到php文件，只是打印出数据库。
如果key不为空，则传递key参数到php文件，并使用该键在数据库中搜索。
我试图运行php文件本身，它的工作，但当我点击按钮什么都没有发生，所以我认为我的脚本有一些问题。谁能帮我一下?

在你绑定点击的函数中，你在调用showPage之前检查key是假的。因此，尽管您检查showPage() 中的key (它总是发出请求，但决定是否发送密钥)，但如果您在输入中提供任何内容，您永远不会进入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);
});

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

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

你的代码必须更正如下

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