Neste exemplo de busca vamos utilizar a biblioteca jQuery que tem um conjunto completo de recursos de AJAX. As funções e métodos nele nos permitem carregar os dados do servidor sem uma atualização de página do navegador.
No arquivo HTML não foi criado um formulário, usamos um button, onde contém o código jQuery onde foi usado o método POST e o retorno do Ajax é HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Busca simples com jQuery, Ajax e PHP</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript">
$(document).ready(function(){
$("#buscaProduto").click(function(){
var nomeProduto = $("#nomeProduto").val();
$.ajax({
url: "busca.php",
dataType: 'html',
data: {produto:nomeProduto},
type: "POST",
beforeSend: function () {
$('#carregando').show();
},
success: function(data){
$('#carregando').hide();
$("#resBusca").html('<b>Resultado da busca</b><br /><br/>'+ data );},
error: function(data){
$('#carregando').html(data);
}
});
});
});
</script>
</head><body>
<b>Digite o que procura</b>
<!--Aqui o formulário para a busca-->
<input type="text" id="nomeProduto" name="produto">
<button type="button" id="buscaProduto">Enviar</button><br/><br/>
<!--Fim do formulário busca-->
<br />
<div id="carregando" style="display:none;"><img src="carregandoAjax.gif" /></div>
<!--Aqui é onde vai aparecer o resultado da busca-->
<div id="resBusca"></div></body>
</html>
OffshoreDedicated is confident to share that the overall uptime of its network exceeds 99.9%. Offshore Host
I am happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. Thanks for sharing.change your postal address
Xo สล็อตออนไลน์ โปรสล็อต XO เกมออนไลน์ทำเงินยอดฮิตเกมสล็อต xopg.net คือเกมทำเงิน reeffutures2018 ผ่านทางออนไลน์อย่างหนึ่ง ที่เล่นง่าย และได้เงินไว แถมยังลงทุนด้วยเงินน้อย mavoixtavoie ทำเงินได้ตลอดเวลา ซึ่งหลายคนอาจได้เคยเห็นรีวิวเรื่องของ สล็อต xo สล็อตออนไลน์ ไว้มากมาย เทคนิคสล็อต ทั้งเรื่องการเล่นแล้วได้เงิน herbalpertpresents และเล่น สล็อต แล้วไม่ได้เงิน นั่นเองค่ะ ซึ่งการที่คุณจะเล่นได้เงินหรือไม่ได้เงินนั้น essentialsforasoul ส่วนหนึ่งก็เป็นในเรื่องของดวงเข้ามาเกี่ยวด้วย northbristol เพราะสล็อตเป็นเกมออนไลน์เสี่ยงโชค ทดลองเล่น xo เกมหนึ่งซึ่งจะมีสูตร หรือเทคนิคเข้ามาช่วย gclub เพื่อโกงดวงอยู่เสมอซึ่งในเว็บของเรา สมัคร xo ก็มีมาแนะนำไว้ให้เห็นกันมากมายหลายสูตร
I use basically superior fabrics : you will discover these products by: 사설토토
This content is simply exciting and creative. I have been deciding on a institutional move and this has helped me with one aspect. 안전놀이터
I use basically superior fabrics : you will discover these products by: 벳삼
This is helpful, nonetheless it can be crucial so that you can check out the following website: 토토커뮤니티
I use basically superior fabrics : you will discover these products by: 꽁머니사이트
On this page, you'll see my profile, please read this information. 링크찾기
it's really nice and meanful. it's really cool blog. Linking is very useful thing.you have really helped lots of people who visit blog and provide them usefull information. 링크찾기
This is important, though it's necessary to help you head over to it weblink: 링크사이트
i would have to make more christmas cards becuase next month is december already“ 토토사이트
I’m often to blogging and i in actual fact respect your content. The piece has actually peaks my interest. I’m going to bookmark your content and preserve checking for brand new information. 먹튀인증
You made some respectable factors there. I seemed on the web for the difficulty and located most individuals will go together with along with your website. 토토커뮤니티
I in addition to my buddies happened to be digesting the excellent points located on your web site and then all of the sudden I had an awful feeling I never expressed respect to the site owner for them. All the men were absolutely thrilled to read through them and have now in truth been having fun with them. Thank you for actually being indeed kind and then for obtaining this kind of excellent useful guides most people are really desperate to know about. My honest regret for not expressing appreciation to earlier. 꽁머니
When I view your RSS feed it puts up a bunch of garbage, is the issue on my end? 꽁머니
I just thought it may be an idea to post incase anyone else was having problems researching but I am a little unsure if I am allowed to put names and addresses on here. 토토커뮤니티
I like this post, enjoyed this one appreciate it for putting up. 먹튀검증
Oh my goodness! an excellent post dude. Thanks However We’re experiencing problem with ur rss . Don’t know why Can not sign up to it. Possibly there is any person getting identical rss problem? Anybody who knows kindly respond. Thnkx 굿벳
Fantastic beat ! I would like to apprentice whilst you amend your site, how can i subscribe for a weblog web site? The account aided me a appropriate deal. I had been tiny bit acquainted of this your broadcast provided vibrant clear idea 주사위토토
