Разбиение страницы с помощью функции поиска

Question

Что я пытаюсь сделать, это создать страницу поиска, на которой результат будет на той же странице. Моя концепция состоит в том, чтобы сначала показать все данные, а затем будет одно текстовое поле и одна кнопка отправки. Ниже я покажу результат, который разбит на страницы. Как мне это достичь?

<input type ="text" placeholder = "search" name = "search"> 
<input type ="submit" name = "submit"> 

<?php 
if(isset($_POST['submit'])) 
$search = $_POST['search']; 
    { 
     $query = "SELECT * FROM table WHERE search = '$search' "; 
     $result = mysql_query($query) or die (mysql_error()); 
     while($row = mysql_fetch_array($result)) 
     { 
      //echo my result here. 
     } 
    } 

Answer 1

Посмотрите на jquery и ajax. Я сделал что-то подобное, как испытание некоторое время назад:

var request = $.ajax({ 
 
    type: "GET", 
 
    url: url, 
 
    data: $(".form-wrapper").serialize() 
 
}); 
 

 
request.done(function(data) { 
 
    if (data.search("No results") == -1) { 
 
    $("#result").show(); 
 
    $("#result").html(data); 
 
    } else { 
 
    $('#result').html('').hide(); 
 
    } 
 
}); 
 

 
request.fail(function(jqXHR, msg) { 
 
    alert(msg); 
 
});

<form class="form-wrapper cf"> 
 
    <input type="text" id="text" name="q" placeholder="" required> 
 
    <button type="submit" disabled>Search</button> 
 
</form> 
 

 
<div id="result"></div>