 (1).png)
Ajax jQuery
Terakhir diupdate 01 Agustus 2020
JAVASCRIPT DAN JQUERY
AJAX adalah singkatan dari Asynchronous JavaScript and XML .
Dengan AJAX memungkinkan halaman web untuk melakukan permintaan secara asynchronous ke server dan menerima respon, tanpa perlu memuat ulang halaman HTML tersebut.
Dengan AJAX memungkinkan halaman web untuk melakukan permintaan secara asynchronous ke server dan menerima respon, tanpa perlu memuat ulang halaman HTML tersebut.
Mari kita perhatikan gambar berikut
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AJAX</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<h1> jQuery AJAX</h1>
<p id="id_div_keterangan">Paragraf ini akan terisi konten dari file external</p>
<button>Klik</button>
<script>
$(document).ready(function(){
$("button").click(function(){
ambil_data_ajax();
});
});
function ambil_data_ajax()
{
let request_data_ajax = jQuery.ajax({
url:"file_luar.html",
type : 'POST',
datatype:'text',
timeout: 20000,
data:{}
});
request_data_ajax.done(function(output)
{
//jQuery("#id_div_keterangan").load("file_luar.html" );
jQuery("#id_div_keterangan").html(output)
});
request_data_ajax.fail(function(jqXHR, textStatus)
{
});
}
</script>
</body>
</html>
 (1).png)
.png)
 (1).png)
 (1).png)