18 Mayıs 2015 Pazartesi

Jquery Ajax Load Content

HTML
    <a href="#" onclick="return false" onmousedown="getir('link1')">Anasayfa</a>&nbsp;&nbsp;&nbsp;
    <a href="#" onclick="return false" onmousedown="getir('link2')">Hakkımızda</a>&nbsp;&nbsp;&nbsp;
    <a href="#" onclick="return false" onmousedown="getir('link3')">İletişim</a>
    <div class="icerik"></div>

PHP
$phpVal = $_POST['phpVal'];

if ($phpVal == "link1") {
    echo "bu link 1 in içeriğidir";
}elseif ($phpVal == "link2") {
    include "dene.html";
}elseif ($phpVal == "link3") {
    echo "bu link 3333333 in içeriğidir";
}

JS
function getir(val){
    $(".icerik").html('<img src="load.gif" width="400" height="300" />').show();
    $.post("init.php",{phpVal:val},function(data){
        setTimeout(function(){
            $(".icerik").html(data).show();
        },500);
    });
}


Hiç yorum yok:

Yorum Gönder