Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Agil HTML

    Încărcat de

    Rizqi Firmansyah
    10 vizualizări3 pagini
    agil

    Titlu original

    agil.html

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

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

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    agil

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    10 vizualizări3 pagini

    Agil HTML

    Încărcat de

    Rizqi Firmansyah
    agil

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 3

    <html>

    <head>
    <title>Demo AJAX</title>
    <script type='text/javascript'>

    function getXMLHttp() {
    var XMLHttp = null;
    if (window.XMLHttpRequest) {
    try {
    XMLHttp = new XMLHttpRequest();
    } catch (e) { }
    } else if (window.ActiveXObject) {
    try {
    XMLHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    try {
    XMLHttp = new ActiveXObject(
    "Microsoft.XMLHTTP");
    } catch (e) { }
    }
    }
    return XMLHttp;
    }

    function submitFormAjax(){
    var XMLHttp = getXMLHttp();

    XMLHttp.open("POST", "insert-biodata.php");
    XMLHttp.setRequestHeader("Content-type", "application/x-www-form-
    urlencoded");

    XMLHttp.onreadystatechange = function () {
    if (XMLHttp.readyState == 0){
    window.alert("AJAX is unitialized ..");
    }
    if (XMLHttp.readyState == 4) {
    document.getElementById("hasil-ajax-tabel").innerHTML =
    XMLHttp.responseText;
    }
    }
    var name = document.getElementById('nama').value;
    var email = document.getElementById('email').value;
    var fakultas = document.getElementById('fakultas').value;
    var prodi = document.getElementById('prodi').value;

    alert("name="+name+"&email="+email+"&fakultas="+fakultas+"&prodi="+prodi);

    XMLHttp.send("name="+name+"&email="+email+"&fakultas_id="+fakultas+"&prodi_id="+pro
    di);
    }

    function initFakultas(){
    var XMLHttp = getXMLHttp();

    XMLHttp.open("GET", "select-fakultas.php");

    XMLHttp.onreadystatechange = function () {
    if (XMLHttp.readyState == 0){
    window.alert("AJAX is unitialized ..");
    }
    if (XMLHttp.readyState == 4) {
    document.getElementById("fakultas").innerHTML =
    XMLHttp.responseText;
    }
    }

    XMLHttp.send(null);
    }

    function selectProdi(){
    var fakultas_id = document.getElementById("fakultas").value;

    var XMLHttp = getXMLHttp();

    XMLHttp.open("GET", "select-prodi.php?fakultas_id="+fakultas_id);

    XMLHttp.onreadystatechange = function () {
    if (XMLHttp.readyState == 0){
    window.alert("AJAX is unitialized ..");
    }
    if (XMLHttp.readyState == 4) {
    document.getElementById("prodi").innerHTML =
    XMLHttp.responseText;
    }
    }

    XMLHttp.send(null);
    }

    function initBiodata (){


    var XMLHttp = getXMLHttp();

    XMLHttp.open("GET", "select-biodata.php");

    XMLHttp.onreadystatechange = function () {
    if (XMLHttp.readyState == 0){
    window.alert("AJAX is unitialized ..");
    }
    if (XMLHttp.readyState == 4) {
    document.getElementById("hasil-ajax-tabel").innerHTML =
    XMLHttp.responseText;
    }
    }

    XMLHttp.send(null);
    }
    </script>
    </head>
    <body onload="initFakultas();initBiodata()">
    <fieldset>
    <form method="POST" action='' onsubmit="submitFormAjax()"/>
    Nama : <input id="nama" name="nama" type="text" value="" /> <br />
    Email : <input id="email" name="email" type="text" value="" />
    <br />
    Fakultas : <br/>
    <select id="fakultas" name="fakultas" onchange="selectProdi()">
    </select> <br /> <br />
    Prodi : <br />
    <select id="prodi" name="prodi">
    </select> <br /><br />
    <input type="submit" value="Submit"/>
    </form>
    </fieldset>
    <fieldset>
    <div id="hasil-ajax-tabel">
    </div>
    </fieldset>
    </body>
    </html>

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