Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Contoh Script Ajax Sederhana

    Încărcat de

    Mas Yudi
    2K vizualizări4 pagini

    Titlu original

    Contoh script ajax sederhana

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    2K vizualizări4 pagini

    Contoh Script Ajax Sederhana

    Încărcat de

    Mas Yudi

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 4

    demo.

    html
    <html>
    <head><title>Demo Ajax</title>
    <script type="text/javascript" src="demo.js"></script>
    </head>
    <body>
    <form name=form>
    Nama:<input type=text id="nama"><br>
    <input type=button value="OK" Onclick="proses()">
    </form>
    <div id=hasil>Hasil Respon</div>
    </body>
    </html>

    demo.js
    function buatXmlHttpRequest(){
    var req=false;
    if(window.ActiveXObject){ //ms ie
    try{
    req=new ActiveXObject("MicrosoftXMLHTTP");
    }catch(e){
    req=false;
    }
    }else{ //pake mozilla, opera dll
    try{
    req=new XMLHttpRequest();
    }catch(e){
    req=false;
    }
    }
    return req;
    }
    var xmlhttp=buatXmlHttpRequest();

    function proses(){
    if(xmlhttp.readyState==0||xmlhttp.readyState==4){
    var v_nm=document.getElementById('nama').value;
    var url="http://localhost/08510107/demo.php?nm="+v_nm;
    xmlhttp.open("GET",url,true);
    xmlhttp.onreadystatechange=responku;
    xmlhttp.send(null);
    }
    }

    function responku(){
    if(xmlhttp.readyState==4){
    if(xmlhttp.status==200){
    var hasil=xmlhttp.responseText;
    document.getElementById("hasil").innerHTML=hasil;
    }
    }
    }

    demo.php
    <?php
    $nm=$_GET['nm'];
    if(!empty($nm)){
    echo"Selamat Datang,$nm!";
    }
    ?>

    demo.js dengan timer

    function buatXmlHttpRequest(){
    var req=false;
    if(window.ActiveXObject){ //ms ie
    try{
    req=new ActiveXObject("MicrosoftXMLHTTP");
    }catch(e){
    req=false;
    }
    }else{ //pake mozilla, opera dll
    try{
    req=new XMLHttpRequest();
    }catch(e){
    req=false;
    }
    }
    return req;
    }
    var xmlhttp=buatXmlHttpRequest();

    function proses(){
    if(xmlhttp.readyState==0 || xmlhttp.readyState==4){
    var nm=document.getElementById("nama").value;
    var url="http://localhost/ajax/masyud/demo.php?nm="+nm;
    xmlhttp.open("GET",url,true);
    xmlhttp.onreadystatechange=respon;
    xmlhttp.send(null);
    }
    else{
    setTimeout("proses()",1000);
    }
    }

    function respon(){
    if(xmlhttp.readyState==4){
    if(xmlhttp.status==200){
    var hasil=xmlhttp.responseText;
    document.getElementById("hasil").innerHTML=hasil;
    }
    }
    else{
    setTimeout("proses()",1000);
    }
    }

    With MySQL database

    demo.js
    function buatXmlHttpRequest(){
    var req=false;
    if (window.ActiveXObject){
    try{
    req=new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e){
    req=false;
    }
    }else{
    try{
    req=new XMLHttpRequest();
    }catch(e){
    req=false;
    }
    }

    return req;
    }

    var xmlhttp = buatXmlHttpRequest();

    function proses(){

    if (xmlhttp.readyState == 0 || xmlhttp.readyState==4){
    var k=document.getElementById('kunci').value;
    var url= "http://localhost/internet3/tamu.php?kunci="+k;
    xmlhttp.open("GET", url, true);
    xmlhttp.onreadystatechange = respon;
    xmlhttp.send(null);
    }
    }

    function respon(){
    if(xmlhttp.readyState == 4){
    if (xmlhttp.status == 200){
    var hasil=xmlhttp.responseText;
    document.getElementById('hasil').innerHTML=hasil;
    }
    }
    }

    tamu.php
    <?php
    header("Content-Type: text/xml ");
    echo "<?xml version=\"1.0\" encoding=\"ISO-8859-1\"?>";
    echo "\n";
    echo "<test>\n";
    //akses ke database test dan tabel tamu
    $id=mysql_connect("localhost","root", "")
    or die("Gagal koneksi ke server DB!");
    mysql_select_db("test", $id)
    or die("Gagal mengaktifkan database test!");

    $sql="SELECT email, nmtamu FROM tamu ";


    if (isset($_GET['kunci'])){
    $k=$_GET['kunci'];
    $sql="SELECT email, nmtamu FROM tamu ";
    $sql = $sql . " WHERE email LIKE '%$k%' ";
    }
    $hasil=mysql_query($sql, $id);
    while ($baris=mysql_fetch_row($hasil)){
    echo "<tamu>\n";
    echo "<email>$baris[0]</email>\n";
    echo "<nmtamu>$baris[1]</nmtamu>\n";
    echo "</tamu>\n";
    }

    echo "</test>\n";
    ?>

    S-ar putea să vă placă și