posted by aryo tejo w on March 28, 2020

Sebuah aplikasi web, selalu ada action POST atau GET. Dalam web konvensional atau biasa, setiap melakukan action tersebut akan pindah ‘page’ atau halaman, yang artinya akan ‘load’ lagi semua file css, js, html dan file image (foto) akan dapatnya halaman lebih lama refresh.

Dengan teknologi ‘front end’ kekinian, angularjs, menggunakan konsep json dalam semua transaksinya, baik POST atau GET. Setiap data yang akan dikelola harus menyediakan link URL yang berbentuk json.

KLIK INI  atau ketik  http://retail.satufokus.com

Ya benar, semua transaksi di angularjs menggunakan AJAX, dengan coding secara konsep sebagai berikut:

$http({
        method: 'GET',
        url: 'php/get_jual.php'
    }).then(function (response) {
        // success
        $scope.juals = response.data;
    }, function (response) {
        // error
        console.log(response.data,response.status);
    });

 

Script di atas, adalah potongan dari fungsi di angularjs yang disimpan dalam file *.js

Sedangkan file get_jual.php suatu file php yang digunakan untuk menyediakan format data json.

Silakan kunjungi link ini atau ketik http://retail.satufokus.com untuk melihat produk dengan angularjs.

  • Respon cepat, tiap simpan atau ubah data, langsung tampak data disampingnya.
  • Pencarian data lebih cepat, tidak refresh page
  • Klik tabel, bisa mengisi form input pada kotak isiannya.

Leave a Comment

Fields with * are required.

Please enter the letters as they are shown in the image above.
Letters are not case-sensitive.