jquery Mysql Veritabanı Okuma POST Metodu

jquery php ile mysql veritabanına bağlanmak,veritabanından bilgileri POST methodu ile çekmek için yapılmış bir örnek,aşağıda ilk uygulamada data.php doyasına bağlantı gösterilmiştir,diğer uygulamada ise show yerine fadeIn(1000); ile yavaş bir şekilde açılması sağlanmıştır.

ilk örneğimizde post metodu ile verileri okuma;

<html>
<head>

<script type="text/javascript" src="jq/development-bundle/jquery-1.4.2.js"></script>

<script type="text/javascript">
function get(){
$.post('data.php',{name: form.name.value},
function(output){
$('#yazi').html(output).show();
});
}
</script>

</head>
<body>

<p>
<form name="form">
<input type="text" name="name"><input type="button" value="Get" OnClick="get();">
</form>
<div id="yazi"> </div>
</p>

</body>
</html>

data.php dosyasından verileri post methodu ile okuyoruz.

<?php

$kutu=$_POST['name'];
echo $kutu;

?>

2.örneğimizde geç açılır şekilde veritabanından okuma...

<html>
<head>

<script type="text/javascript" src="jq/development-bundle/jquery-1.4.2.js"></script>

<style type="text/css">
#yazi{
display: none;
}
</style>

<script type="text/javascript">
function get(){

$('#yazi').hide();

$.post('data.php',{name: form.name.value},
function(output){

$('#yazi').html(output).fadeIn(1000);

});
}
</script>

</head>
<body>

<p>
<form name="form">
<input type="text" name="name"><input type="button" value="Get" onClick="get();">
</form>
<div id="yazi"> </div>
</p>

</body>
</html>

data.php veritabanına bağlanarak....

<?php
include ("config.php");
$gelhab=$_POST['name'];

if($gelhab =="")
$gelhab = "1";

$sorgu = mysql_query("SELECT * FROM yazilar WHERE id = '$gelhab' ");
$satirlar = mysql_fetch_array($sorgu);
if(!$satirlar[id])
echo ("böyle bir haber yok");
echo"

<p align='left'><font face='System' size='2' >$satirlar[baslik]</font></p>
<p>$satirlar[makale]</p>

";

?>

Konular

jquery Mysql Veritabanı Okuma POST Metodu