如何使用ajax请求显示搜索结果，以使用jquery获取php结果？

l我已经创建了一个搜索引擎，可以在mysql数据库中检索我的搜索结果。我可以查看此数据的元素。不过，我希望以与我在名为news.php的页面上相同的样式显示搜索结果

Search.php：

if(isset($_POST['submit'])){
  $search = $_POST['search'];
  $search = "%$search%";
  $articles = $db->prepare("SELECT * FROM articles WHERE headline LIKE     :search");
  $articles->bindParam(':search', $search);
  $articles->execute(array(':search' => $search));

  if($articles -> rowCount() > 0) {
      while ($rows = $articles->fetch(PDO::FETCH_ASSOC)){
           $headline = $rows['headline'];
           echo "headline: $headline<br>";
          }
  } else{
    echo "No Results";
  }
}

if（isset（$\u POST['submit']））{
$search=$_POST['search']；
$search=“%$search%”；
$articles=$db->prepare（“从标题为：search”的文章中选择*）；
$articles->bindParam（':search'，$search）；
$articles->execute（数组（':search'=>$search））；
如果（$articles->rowCount（）>0）{
而（$rows=$articles->fetch（PDO:：fetch_ASSOC））{
$headline=$rows['headline']；
回声“标题：$headline
”；
}
}否则{
回应“没有结果”；
}
}

News.php

 $query = $handler->query('SELECT * FROM articles');
 $results = $query->fetchAll(PDO::FETCH_ASSOC);

 for ($i=0; $i < count($results); $i++) { 
   echo '<div class="col-md-4 col-xs-12 col-sm-12 height-news">';
   echo '<p class="news-title">'.$results[$i]['headline'].'<br>'.'</p>';

   echo '<img class="news-img" src="data:image/png;base64,'.base64_encode     ( $results[$i]['logo'] ).'"/>';
   echo '<p class="news-time">'.$results[$i]['date'].'<br>'.'</p>';
   echo nl2br('<p class="news-body">'.$results[$i]['text'].'<br>'.'</p>')     ;
     echo '</div>';
 }

$query=$handler->query（'SELECT*FROM articles'）；
$results=$query->fetchAll（PDO:：FETCH_ASSOC）；
对于（$i=0；$i”.$results[$i]['headline']。
”。
；
回声'；
echo'
。$results[$i]['date'].
'.
'；
echo nl2br（“
”.$results[$i]['text'].
”.
）；
回声'；
}

您需要发布到search.php文件。试着这样做：

$('#yourSearhcButton").click(function(){
     $.post("link/to/Search.php", { search: search });
});

---

阅读文档->

什么让你停滞不前？你被困在哪里了？太宽太模糊了。。。请看一下我试图显示的与标题相关的所有数据？？