搜索数据库，然后使用jQuery和AJAX将返回的查询加载到页面上

Question

我正在一个页面上做一些工作，在该页面上我要根据用户的搜索内容搜索数据库，然后在同一页面上返回结果。 我知道如何使用jQuery使事物从页面中消失，但是我想知道如何使用AJAX将其添加到页面中。

我要问的简短内容是，我想查询数据库，并在不重新加载页面的情况下将结果弹出到网站上。

好吧，下面的答案并没有真正回答我的问题，因此我将通过示例给出更详细的问题。

    <input type="textbox" id="name" name="name" />
    <input type="button" id="search" name="search" value="Search the Database" /> <br/><br/>
    <label class="userinfo">First Name: </label><input type="text" class="userinfo" id="first" name="first" /> <br/>
    <label class="userinfo">Last Name: </label><input type="text" class="userinfo" id="last" name="last" /> <br/>
    <label class="userinfo">Username: </label><input type="text" class="userinfo" id="uname" name="uname" /> <br/>
    <label class="userinfo">E-Mail: </label><input type="text" class="userinfo" id="email" name="email" /> <br/>
    <label class="userinfo">Admin Status: </label><input type="text" class="userinfo" id="admin" name="admin" /> <br/>

发生的是，我基于第一个文本框搜索数据库，按下搜索按钮时将发生AJAX，它将转到另一页并在数据库上进行查询。 如何将这些结果返回到原始页面以填写下面的文本框？ 在单击搜索按钮之前，将隐藏下面的texbox。 因此，我需要发送一个变量并返回多个变量。 这对您有帮助吗？

Answer 1

这是ajax + html附加的示例：

   <html>
        <head>
        <script type="text/javascript">

        $(function() {

        $('.go-right').click(function(){

            $.ajax({

                        type: "POST",
                        url: "process_thumbs.html",
                        data:   "showposts=25",
                        success: function(html){
                            $("#output").html(html);
                        }

            });  
        });

            });

        </script>

        </head>
        <body >


        <div id="output"></div>

        <a class="go-right">RIGHT</a>

        </body>
        </html>

当然，“ process_thumbs.html”是返回查询结果的动态页面。

搜索数据库，然后使用jQuery和AJAX将返回的查询加载到页面上

问题描述

1 个解决方案

解决方案1
0 2011-01-11 18:35:12

搜索数据库，然后使用jQuery和AJAX将返回的查询加载到页面上

问题描述

1 个解决方案

解决方案1 0 2011-01-11 18:35:12

解决方案1
0 2011-01-11 18:35:12