Поиск в таблице JQuery

Я новичок в JQuery, и я создаю страницу html, где пользователь может искать идентификатор книги после нажатия кнопки поиска. Проблема в том, что кнопка поиска не отвечает. Вот мой код.Поиск в таблице JQuery

Вот файл PHP:

<?php 


require("dbconnect.php"); 


$sql = "select * from tbl_books"; 
$result = mysql_query($sql, $conn) or die(mysql_error()); 




/** table **/ 

echo "<table border='1' 
cellpadding='5'>"; 

echo "<tr>"; 
echo "<th>Name</th>"; 
echo "<th>Category</th>"; 
echo "<th>Author</th>"; 

echo "</tr>"; 


while($row=mysql_fetch_array($result)) { 
$id = $row['bid']; 
$bname=$row['bname']; 
$category=$row['category']; 
$author=$row['author']; 



echo "<tr>"; 
echo "<td>$bname</td>"; 
echo "<td>$category</td>"; 
echo "<td>$author</td>"; 

} 
?>

Html

<!doctype html> 
    <html> 
    <header> 

    <title> 
    Main Page 
    </title> 



     <script type="text/javascript" 
     src="jquery-2.1.4.min.js"> </script> 

    <script> 

$(function() { 
     $.post("bookoramaBookDisplay.php", 

       function(data){ 
       $("#display").html(data); 
     }); 
    }); 

</script> 

<script> 

$(function() { 
    $("#btnsearch").click(function() { 

     var search=$("#txtsearch").val(); 

     $.post("bookoramaBookDisplay.php", 
      {txtsearch:search}, 
       function(data){ 
       $("#display").html(data); 

     }); 
    }); 

}); 

</script> 


</header> 



    <body> 
    <div id = "table2"> 


     <div id = "taas"> 

     <input type="text" 
       name = "txtsearch_name" 
       id = "txtsearch" 
       placeholder="Search Book"> 

     <input type="button" 
       value="Search" 
       id = "btnsearch"> 
     </div> 

     <div id = "baba"> 


      <div id = "display"> 

      </div> 

     </div> 
    </div>

Небольшая помощь будет высоко оценен. Спасибо!

источник

2016-06-20 Naomi

показать исходный HTML-код. –

сделано. редактирование сделано. – Naomi

Попробуйте console.log (данные) в ответ и посмотрите, какой ответ пришел из бэкэнд. –

<!doctype html> 
<html> 
<head> 
<title> 
Main Page 
</title> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $.ajax({ 
      type: 'POST', 
      cache: false , 
      url: "bookoramaBookDisplay.php", 
      success: function(rmsg){ 
       $("#display").html(rmsg); 
      } 
     }); 
     $("#btnsearch").click(function() { 
      $.ajax({ 
       type: 'POST', 
       cache: false , 
       url: "bookoramaBookDisplay.php", 
       data: {txtsearch:search}, 
       success: function(rmsg){ 
       $("#display").html(rmsg); 
       } 
      }); 
     }); 
    }); 

</script> 
</head> 
    <body> 
<div id = "table2"> 
    <div id = "taas"> 
    <input type="text" name = "txtsearch_name" id = "txtsearch" placeholder="Search Book"> 
    <input type="button" value="Search" id = "btnsearch"> 
    </div> 

    <div id = "baba"> 
    <div id = "display"> 
    </div> 
    </div> 
</div> 
</body> 
</html>

PHP

<?php 
require("dbconnect.php"); 



    $where=''; 
if($_POST[txtsearch]){ 
    $where = "WHERE `bid`='".$_POST[txtsearch]."'"; 
} 
$sql = "select * from tbl_books $where"; 


$result = mysql_query($sql, $conn) or die(mysql_error()); 




/** table **/ 

echo "<table border='1' 
cellpadding='5'>"; 

echo "<tr>"; 
echo "<th>Name</th>"; 
echo "<th>Category</th>"; 
echo "<th>Author</th>"; 

echo "</tr>"; 


while($row=mysql_fetch_array($result)) { 
$id = $row['bid']; 
$bname=$row['bname']; 
$category=$row['category']; 
$author=$row['author']; 



echo "<tr><td>".$bname."</td><td>".$category."</td><td>".$author."</td></tr>"; 

} 
echo "</table>"; 
?>

источник

2016-06-20 11:44:38

кнопка все еще не реагирует. – Naomi

вы можете опубликовать полную страницу html и jquery. что я найду ошибку –

ОК, я отправлю его. wait. – Naomi

Ваш запрос должен быть

$where=''; 
if($_POST[txtsearch]){ 
    $where = "WHERE `bid`='".$_POST[txtsearch]."'"; 
} 
$sql = "select * from tbl_books $where";

источник

2016-06-20 12:39:02 MGM

Поиск в таблице JQuery

ответ

Смежные вопросы