Welcome :): Contoh Script Jquery Ajax Sederhana (PHP) dengan dataType JSON

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>
    
    <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>
     
    <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!

Sunday, May 7, 2017

Contoh Script Jquery Ajax Sederhana (PHP) dengan dataType JSON

No comments:

Post a Comment