JQuery AJAX get/post data

 

jQuery merupakan pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Wikipedia. Sedangkan ajax merupakan Asynchronous JavaScript and XMLHTTP, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif.

Didunia frontend ajax sangatlah penting dalam penggunaannya, hampir semua tampilan intarktif didalam web menggunkan ajax. Sehingga anda perlu memahami bagaiman ajax bekerja, berikut kita bahas bersama.

Kalau dijabarkan dengan contoh sebuah fitur pada website, begini cara kerja AJAX: 

1. Browser memanggil AJAX javascript untuk mengaktifkan XMLHttpRequest dan mengirimkan HTTP Request ke server. 

2. XMLHttpRequest dibuat untuk memproses pertukaran data di server secara asinkron.

3. Server menerima, memproses, dan mengirimkan data itu  kembali ke browser.  

4. Browser menerima data tersebut dan langsung ditatampilkan di halaman website, tanpa perlu reload halaman.

Contoh koding ajax dalam script javascript asli sebagai berikut:

function loadDoc() {
  const xhttp = new XMLHttpRequest();
  xhttp.onload = function() {
    document.getElementById("demo").innerHTML = this.responseText;
    }
  xhttp.open("GET", "URL AJAX", true);
  xhttp.send();
}

sedangkan utuk cara simpel kita bisa load aja dengan jQuery, yaitu library javascript yang telah membuat fungsi-fungsi javascript lebih mudah digunakan.

$("button").click(function(){
  $.get("URL AJAX", function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

atau 

$("button").click(function(){
  $.post("URL AJAX", function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Read More

Menambahkan Adblock Detector dengan Javascript di website (Anti Adblock)

 

Adblock merupakan ekstensi penyaringan konten dan pemblokiran iklan sumber terbuka untuk penjelajah web. Adblock membuat website yang kita kunjungi bersih dari segala macam iklan digital. sehingga saat kita browing konten di blog maupun website berasa nyaman tanpa ada gangguan.

Akan tetapi untuk pemilik website atau blog keberadaan adblock sangatlah merugikan karena dapat mengurangi pendaptan iklan. berikut kita buat javascript untuk menangkal adanya adblock.

Tambahkan function berikut ini di halaman utama website anda.

async function detectAdBlock() {

  let adBlockEnabled = false

  const googleAdUrl = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'

  try {

    await fetch(new Request(googleAdUrl)).catch(_ => adBlockEnabled = true)

  } catch (e) {

    adBlockEnabled = true

  } finally {

console.log('adblock ='+adBlockEnabled);

  }

}

Anda bisa menambahkan koding tambah di web anda di dalam function finally.

Selamat mencoba.

Terimakasih.

Read More

Export data dari database ke Excel dengan PHP

Kebutuhan data sangatlah berragam, ada kalanya kita perlu mengambil data di database untuk kebutuhan olah data.

berikut kita buat dengan koding php.

1. pilih tabel mana yang akan di export.

2. buat query ke tabel tersebut.

    <?php

    $servername = "localhost";
    $username = "username";
    $password = "password";
    $dbname = "myDB";

    $conn = new mysqli($servername, $username, $password, $dbname);
    if ($conn->connect_error) {
      die("Connection failed: " . $conn->connect_error);
    }

    $sql = "SELECT id, firstname, email FROM MyGuests";
    $result = $conn->query($sql);

    

3. buat tabel di koding kita.

    header("Content-type: application/octet-stream");

    header("Content-Disposition: attachment; filename=filename.xls");

    header("Pragma: no-cache");

    header("Expires: 0");

    $tabel="

            <table border=1>

                <thead>

                <tr>

                    <th>id</th>

                    <th>Name</th>

                    <th>Email</th>

                </tr>

                </thead>

                <tbody>

            ";

4. kita foreach data dari database ke dalam tabel yang sudah kita buat.

    while($row = $result->fetch_assoc()) {

        $tabel.="<tr>

                        <td>".$row['id']."</td>

                        <td>".$row['firstname']."</td>

                        <td>".$row['email ']."</td>

            </tr>";

    }

    $tabel.="</tbody></table>";

5. echo tabel tersebut.

   echo $tabel;

6. run urlnya, makan akan keluar froce download file excel yang kita butuhkan.

sekian tutorial singkat saya.

terimakasih.

Read More

Cara Install memcached di Xampp PHP 7.x.x Windows 10

Cache merupakan perangkat lunak yang digunakan untuk menyimpan data untuk sementara waktu di lingkungan komputasi. Cache bisa berupa sejumlah kecil memori yang lebih cepat untuk meningkatkan kinerja data yang sering diakses dan disimpan sementara di media penyimpanan yang dapat diakses dengan cepat yang bersifat lokal untuk klien. Sedangkan Memcached adalah sistem caching open source dan terdistribusi. Memcached memungkinan penyimpanan key-value ke dalam memori sehingga mempercepat pengambilan informasi, yang akan memakan waktu lebih lama untuk mengambil dari sumber aslinya yang lebih lambat seperti database, sistem file, layanan web dll. 

 

Berikut akan kita coba memasang memcache di Xampp di windows dengan PHP 7 keatas. 

1. download dan install terlebih dahulu xampp di windows kalian, lik download.

2. download dll memcache disini. extra file tersebut di diretori xampp terinstall c:/xampp/php/ext/.

3. aktifkan module memcache di path xampp di insatall C:\xampp\php\php.ini

    tambahkan baris script berikut:

    extension=php_memcache.dll

[Memcache]
memcache.allow_failover = 1
memcache.max_failover_attempts=20
memcache.chunk_size =8192
memcache.default_port = 11211

        

4. download memcache server disini. extrak di folder baru memcached.

5. install memcahce dengan cmd. rund comand:

E:\memcached\memcached.exe -d install

6. start memcache

E:\memcached\memcached.exe -d start

7. restart apache xampp anda.

8. test memcahce anda.

<?php

$memcache = new Memcache;
 $memcache->connect("localhost",11211); # You might need to set "localhost" to "127.0.0.1"
 echo "Server's version: " . $memcache->getVersion() . "<br />\n";
 $tmp_object = new stdClass;
 $tmp_object->str_attr = "test";
 $tmp_object->int_attr = 123;
 $memcache->set("key",$tmp_object,false,10);
 echo "Store data in the cache (data will expire in 10 seconds)<br />\n";
 echo "Data from the cache:<br />\n";
 var_dump($memcache->get("key"));

?>

Sekian cara install memcache xampp php 7 di windows.

terimakasih.

Read More