Assalamu’alaikum para Pembaca yang sedang berjuang untuk
menambah ilmunya J.
Baiklah pada kali ini Penulis akan memberikan contoh script
ajax sederhana pada PHP dengan dataType JSON.
Jadi data yang akan diambil berupa data array. Contoh disini tidak berhubungan
dengan database. Oke kali ini kita
akan membuat 2 (dua) buah file dengan masing-masing nama file index.php dan query_ajax.php.
File index.php
<!DOCTYPE html>
<html>
<head>
<meta
charset="utf-8">
<title></title>
<script
src="jQuery-2.1.4.min.js"></script>
</head>
<body>
<!-- Untuk Ajax
-->
<script
type="text/javascript">
$(document).ready(function(){
$.ajax({
url:
'ajax/query_ajax.php',
dataType:
'json',
type:
'post',
success:
function(hasil){
alert(hasil.satu); // untuk tag html
$(".satu").html(hasil.satu); // untuk tag html
$(".dua").val(hasil.dua);
// untuk form input
}
});
});
</script>
<!-- Untuk
menampilkan hasil dari ajax -->
<div
class="satu"></div>
<br>
<input
type="text" class="dua" name=""
value="">
</body>
</html>
File query_ajax.php (letakkan di dalam folder ajax)
<?php
$tampil=array();
$tampil['satu']='ini adalah hasil pertama';
$tampil['dua']='ini adalah hasil kedua';
echo json_encode($tampil);
?>
Hasilnya:
 |
| Hasil dari Jquery Ajax sederhana |
Bagaimana para Pembaca? Mudah bukan? Silahkan berikan komentar untuk hasil query-nya
ya!