JQuery формы отправки и отображения результатов в Div без перезагрузки - PullRequest
Новая
       5

JQuery формы отправки и отображения результатов в Div без перезагрузки

0 голосов
/ 25 мая 2011

Добрый день,

Я нашел часть кода ниже на stackoverflow, но на всю жизнь я не могу заставить это работать.Я немного поиграл с кодом, но я все еще изучаю javascript (медленно) и jquery.

Что я хотел бы сделать, так это иметь поисковый div с поисковым вводом, новместо перезагрузки страницы, я бы хотел, чтобы div под поиском отображал результаты без перезагрузки.Введите поиск и нажмите «Поиск».Вот мой код, который ничего не делает, я мог бы добавить:

Моя версия jquery 1.5.2 и загружается с include("javascript.php");

<?php
include("search_div.php");
include("javascript.php");
?>

<script type="text/javascript">

$("search").submit(function() {
    $.post($(this).attr("action"), $(this).serialize(), function(html) {
        $("#results").html(html);
    });
    return false; // prevent normal submit
});

</script>

<div id="content">

    <div id="searchdiv">
        <form type="submit" onsubmit="return false;" name="search" id="search" method="post">
        <table border="0" width="850" id="searchquery" cellpadding="0" cellspacing="0">
            <tr><td align="center">Search Query: <input type="text" size="50" id="q" name="q"></td></tr>
        </table>
        <table border="0" width="850" id="searchquerybuttons" cellpadding="0" cellspacing="0">
        <td align="right" width=840><input type="Submit" value="Search">
        </table>

        </form>
    </div> <!-- end search div -->

    <div id="results">
        <?php
        if (isset($_POST['q'])) {
            echo "<br><br>Query is: ".$_POST['q'];
            }
        ?>
    </div>  <!-- End results div -->

</div> <!-- End content div -->

<?php
include ("footer.php");
?>

</div> <!-- End of container div -->

1 Ответ

2 голосов
/ 25 мая 2011

Проверяли ли вы выводимый источник HTML?

Проверяли ли вы консоль ошибок javascript, чтобы увидеть, какие были ошибки, если они есть?

Что такое содержимое javascript.php?Вы не можете включить библиотеку JavaScript с PHP.Вы должны использовать что-то вроде: 

<script type="text/javascript" src="scripts.js"></script>

Также это: 

$("search").submit(function() {

должно быть: 

$("#search").submit(function() {

И вы должны удалить атрибут onsubmit из <form> HTML.

...