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 JQuery 9 : CSS Selector

Posted on November 5, 2017 by admin

Beberapa contoh CSS Selector yang lain : $(“div.smart > p”) : Akan mentarget paragraf yang merupakan direct descendant dari div yang memiliki class “smart”. $(“div ~ p”) : Menargetkan semua paragraf yang setara, bukan child atau parent element. $(“ul#steps + div”) : Menargetkan semua ul dengan id steps yang paling dekat (Immediate adjacent siblings). $(“[class !=’imp’]”) : Menargetkan class Read more about Tutorial JQuery 9 : CSS Selector[…]

Tutorial jQuery 8 : Selector CSS dan Document Ready Function

Posted on November 3, 2017November 5, 2017 by admin

Selector CSS pada jQuery sangat berguna supaya kita tepat untuk menentukan target elemen pada dokumen HTML yang ingin kita manipulasi. Penempatan kode javascript pada dokumen html juga sangat menentukan. Rekomendasi yang sebaiknya selalu dijalankan sebagai best-practice adalah menaruh tag <script> di bagian bawah sebelum tag </body>, dan menaruh source code jquery.min.js sebelum kode js kita Read more about Tutorial jQuery 8 : Selector CSS dan Document Ready Function[…]

indocoder.com

Category: Tutorial jQuery

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

Tutorial jQuery 14 : Implementing AJAX dengan Method load()

Tutorial JQuery 13 : Ajax Overview

Tutorial JQuery 9 : CSS Selector

Tutorial jQuery 8 : Selector CSS dan Document Ready Function