Scribd Logo
Unggah

Selamat datang di Scribd!

  • Fuctiom Show Customer

    Diunggah oleh

    Rahmat Tullah
    5 tayangan5 halaman
    fuctiom show customer

    Judul Asli

    fuctiom show customer

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOC, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    fuctiom show customer

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    5 tayangan5 halaman

    Fuctiom Show Customer

    Diunggah oleh

    Rahmat Tullah
    fuctiom show customer

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    function showCustomer(str) { var xmlhttp; if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.

    XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","getcustomer.asp?q="+str,true); xmlhttp.send(); }

    File php

    <?php $q=$_GET["q"]; $con = mysql_connect('localhost', 'peter', 'abc123'); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("ajax_demo", $con); $sql="SELECT * FROM user WHERE id = '".$q."'"; $result = mysql_query($sql); echo "<table border='1'> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> <th>Hometown</th> <th>Job</th> </tr>"; while($row = mysql_fetch_array($result)) { echo "<tr>"; echo "<td>" . $row['FirstName'] . "</td>"; echo "<td>" . $row['LastName'] . "</td>"; echo "<td>" . $row['Age'] . "</td>"; echo "<td>" . $row['Hometown'] . "</td>"; echo "<td>" . $row['Job'] . "</td>"; echo "</tr>"; } echo "</table>"; mysql_close($con); ?>

    Selengkapnya

    AJAX database Contoh


    Contoh berikut akan menunjukkan bagaimana sebuah halaman web dapat mengambil informasi dari database dengan AJAX:

    Contoh

    Firstname Peter

    Lastname Griffin 41

    Age

    Hometown Quahog

    Job Brewery

    Contoh Dijelaskan - Database MySQL


    Tabel database yang kita gunakan dalam contoh di atas terlihat seperti ini: id 1 2 3 4 FirstName Peter Lois Joseph Glenn LastName Grifon Grifon Swanson Rawa Umur 41 40 39 41 Hometown Quahog Newport Quahog Quahog Pekerjaan Tempat pembuatan bir Guru Piano Polisi Pilot

    Contoh Dijelaskan - Page HTML


    Bila pengguna memilih pengguna dalam daftar dropdown di atas, fungsi yang disebut "showUser ()" dijalankan. Fungsi ini dipicu oleh peristiwa "onchange":

    <html> <head> <script type="text/javascript"> function showUser(str) { if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }

    xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","getuser.php?q="+str,true); xmlhttp.send(); } </script> </head> <body> <form> <select name="users" onchange="showUser(this.value)"> <option value="">Select a person:</option> <option value="1">Peter Griffin</option> <option value="2">Lois Griffin</option> <option value="3">Glenn Quagmire</option> <option value="4">Joseph Swanson</option> </select> </form> <br /> <div id="txtHint"><b>Person info will be listed here.</b></div> </body> </html>
    Para showUser () fungsi melakukan hal berikut: Periksa apakah seseorang dipilih Buat objek XMLHttpRequest Buat fungsi untuk dieksekusi ketika respon server sudah siap Mengirimkan permintaan ke file di server Perhatikan bahwa parameter (q) ditambahkan ke URL (dengan isi dropdown list)

    PHP file
    Halaman pada server yang disebut oleh JavaScript atas adalah file PHP yang disebut "getuser.php". Source code di "getuser.php" menjalankan query terhadap database MySQL, dan mengembalikan hasil dalam sebuah tabel HTML:

    <?php $q=$_GET["q"]; $con = mysql_connect('localhost', 'peter', 'abc123'); if (!$con) { die('Could not connect: ' . mysql_error()); }

    mysql_select_db("ajax_demo", $con); $sql="SELECT * FROM user WHERE id = '".$q."'"; $result = mysql_query($sql); echo "<table border='1'> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> <th>Hometown</th> <th>Job</th> </tr>"; while($row = mysql_fetch_array($result)) { echo "<tr>"; echo "<td>" . $row['FirstName'] . "</td>"; echo "<td>" . $row['LastName'] . "</td>"; echo "<td>" . $row['Age'] . "</td>"; echo "<td>" . $row['Hometown'] . "</td>"; echo "<td>" . $row['Job'] . "</td>"; echo "</tr>"; } echo "</table>"; mysql_close($con); ?>
    Penjelasan: Ketika query dikirim dari JavaScript untuk file PHP, berikut ini terjadi: 1. PHP membuka koneksi ke server MySQL 2. Orang yang benar ditemukan 3. Sebuah tabel HTML dibuat, diisi dengan data, dan dikirim kembali ke tempat "txtHint"

    Anda mungkin juga menyukai