Tutorial jQuery 15 : Implementing AJAX dengan Method $.ajax()

Posted on November 29, 2017November 29, 2017 by admin

Di tutorial sebelumnya, kita menggunakan method load(). Method ini memiliki keterbatasan, untuk itu kita akan menggunakan method selanjutnya, yaitu method ajax(). Sebelum kita membahas method ajax, kita akan membahas satu hal yang penting yaitu callback function. Callback Function Callback function dieksekusi setelah effect atau event sudah selesai diproses, jadi tidak berpengaruh posisi baris kodenya. Contoh Read more about Tutorial jQuery 15 : Implementing AJAX dengan Method $.ajax()[…]

Tutorial jQuery 14 : Implementing AJAX dengan Method load()

Posted on November 29, 2017November 29, 2017 by admin

Di tutorial ini kita akan melihat contoh penggunaan Ajax dan implementasinya pada jQuery. Siapkan file index.html dan ajax.js index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="main">
		
	</div>

	<button id="btn_1">Load Messages</button>


	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/ajax.js"></script>
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</div>

<button id="btn_1">Load Messages</button>

</body>

</html>

ajax.js

$(function(){
  $("button").on("click", function(){

  }
});

$(function(){

$("button").on("click", function(){

}

});

Kita akan mengambil data dari sebuah halaman web, dan menampilkannya pada div class=”main” yang berada di index.php 1. Method load(). Method load adalah cara yang paling sederhana untuk mengambil data dari URL. Contoh Read more about Tutorial jQuery 14 : Implementing AJAX dengan Method load()[…]

Tutorial JQuery 13 : Ajax Overview

Posted on November 29, 2017 by admin

Ajax pada jquery merupakan suatu bagian yang penting. Ajax adalah metodologi yang digunakan pada pengembangan web zaman now. Data akan dikirimkan ke server, atau menerima dari server, atau proses yang terjadi di belakang layar. Seluruh proses terjadi di belakang layar. Biasanya, setiap kita melakukan request pada webpage, maka webpage tersebut akan selalu refresh setiap saat Read more about Tutorial JQuery 13 : Ajax Overview[…]

Tutorial Yii2 Bagian 39-40 : Mengintegrasikan AdminLTE dengan Yii2

Posted on November 28, 2017 by admin

Kita akan mengintegrasikan AdminLTE dengan Yii2 berdasarkan apa yang kita sudah pelajari di dua tutorial sebelumnya : 1. Download AdminLTE di almsaeedstudio.com , dan buka index.html. Disana terdapat informasi file css dan js yang digunakan oleh AdminLTE. 2. Copy file css yang berada di dalam folder AdminLTE ke dalam folder web/css project Yii2 yang kita gunakan, begitu juga dengan Read more about Tutorial Yii2 Bagian 39-40 : Mengintegrasikan AdminLTE dengan Yii2[…]

Tutorial Yii2 Bagian 38 : File Asset

Posted on November 28, 2017 by admin

Di tutorial sebelumnya kita telah mengetahui cara mengganti layout untuk halaman tertentu. Sekarang kita akan memodifikasi layout lebih lanjut melalui AppAsset. 1. Ubah AppAsset menjadi LoginAsset pada loginLayout.php .

LoginAsset::register($this);

1	LoginAsset::register($this);

2. Buat file baru LoginAsset.php di dalam folder assets.

<?php
/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

namespace backend\assets;

use yii\web\AssetBundle;

/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class LoginAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        //'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

<?php

/**

* @link http://www.yiiframework.com/

* @license http://www.yiiframework.com/license/

namespace backend\assets;

use yii\web\AssetBundle;

/**

* @author Qiang Xue <[email protected]>

* @since 2.0

class LoginAsset extends AssetBundle

{

public $basePath = '@webroot';

public $baseUrl = '@web';

public $css = [

//'css/site.css',

];

public $js = [

];

public $depends = [

'yii\web\YiiAsset',

'yii\bootstrap\BootstrapAsset',

];

}

Beginilah cara untuk mengatur tampilan pada masing-masing halaman. Selanjutnya kita akan mengintegrasikan AdminLTE dengan Yii berdasarkan modifikasi layout yang Read more about Tutorial Yii2 Bagian 38 : File Asset[…]

indocoder.com

Month: November 2017

Tutorial jQuery 15 : Implementing AJAX dengan Method $.ajax()

Tutorial jQuery 14 : Implementing AJAX dengan Method load()

Tutorial JQuery 13 : Ajax Overview

Tutorial Yii2 Bagian 39-40 : Mengintegrasikan AdminLTE dengan Yii2

Tutorial Yii2 Bagian 38 : File Asset