busca simples com Ajax
Estou tentando criar um código de busca ajax simples com php e mysql. O script funciona em todos os arquivos começados por /inicio ou /galeria ou /artigo, todos retornam seus conteúdos nos resultados independente da página desde que esteja na posição [0] na url, no caso se tiver muitas imagens e eu for para a próxima página ficando /galeria/2 por exemplo, ele retorna a própria página inteira no campo de resultados junto com um erro. Se alguém puder me ajudar, agradeço. ^^D
index.php
<head>
<script type="text/javascript">
$("document").ready(function(){
$(".busca").keyup(function(){
var $this = $(this);
var val = $this.val();
console.log(val);
if(val == ""){
$('.line').html("");
}else{
$.ajax({
url: "busca.php",
type: "POST",
data: {nome: val},
cache: false,
success: function(res){
$('.line').html(res);
}
});
}
});
$('html, body').click(function(){
$('.line').html("");
});
});
</script>
</head>
<body>
<div class="search">
<form method="get" action="">
<button class="search-button" type="submit" value="Procurar"><i class="fa fa-search"></i></button>
<input class="busca" type="text" name="pesq" placeholder="Procurar" autocomplete="off" />
</form>
</div>
<div id="result">
<ul class="line"></ul>
</div>
<div class="content">
<?php
$url = (isset($_GET['url'])) ? $_GET['url']:'';
$explode = explode('/',$url);
$paginas = array('home', 'galeria', 'contato');
if(isset($explode[0])&& $explode[0] == ''){
include "home.php";
}elseif($explode[0]!=''){
if(isset($explode[0]) && in_array($explode[0],$paginas)){
include $explode[0].".php";
}else{ include "home.php"; }
}
?>
</div>
</body>busca.php
<?php
$nome = $_POST['nome'];
$noticias = mysqli_query($link, "SELECT
id,
thumb,
shadowbox,
titulo,
texto,
categoria,
FROM mf_posts
WHERE titulo
LIKE '%$nome%'") or die(mysqli_error($link));if(empty($nome)){
echo "";
}else{
while($res_noticias = mysqli_fetch_array($noticias)){
$id_do_post = $res_noticias[0];
$thumb = $res_noticias[1];
$shadowbox = $res_noticias[2];
$titulo = $res_noticias[3];
$texto = $res_noticias[4];
$categoria = $res_noticias[5];
?>
<li>
<a href="<?php echo pg ?>/artigos/<?php echo $titulo; ?>" >
<!-- Imagem -->
<img width="90" src="_images/<?php echo $categoria; ?>/thumbnail/<?php echo $thumb; ?>" />
</a>
<h2><?php echo $titulo ?></h2>
</li>
<?php
}
}
?>Discussão (7)
Carregando comentários...