Поиск в базе данных и загрузка возвращенного запроса на страницу с помощью jQuery и AJAX - PullRequest
0 голосов
/ 11 января 2011

Я делаю некоторую работу над страницей, где я хочу искать в базе данных на основе того, что ищет пользователь, а затем возвращать результаты на той же странице.Я знаю, как заставить вещи исчезать со страницы, используя 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 произойдет, когда нажата кнопка поиска, он будетперейти на другую страницу и сделать запрос на БД.Как мне вернуть эти результаты на исходную страницу, чтобы заполнить текстовые поля ниже?Текстовые поля ниже скрыты до тех пор, пока не будет нажата кнопка поиска.Поэтому мне нужно отправить одну переменную и получить несколько переменных обратно.Помогает ли это вам помочь мне больше?

1 Ответ

0 голосов
/ 11 января 2011

Вот пример добавления 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» - это динамическая страница, возвращающая результаты запроса.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...