Sesuai dengan judul pada tutorial kali ini kita akan cara menggunakan jquery dalam mengirimkan informasi melalui http Header dengan menggunakan ajax jquery get dan ajax jquery post. Pada jquery tutorial ini saya akan menerangkan cara menggunakan jquery pada php beserta contoh penggunaan jquery.
Sebelum kita bisa menggunakan jquery ini kita harus memanggil library jquery nya terlebih dahulu. Kali ini saya akan menggunakan library jquery cdnjs. Dan alamatnya adalah
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js
Library yang saya gunakan sudah berbentuk min.js, kenapa sayang menggunakan jquery min js? karenan file ini sudah di kompresi sehingga pada saat loading nya akan lebih cepat. Ok beginilah cara loading jquery nya:
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
Perintah dasar untuk jquery get adalah
jQuery.get( url [, data ] [, success ] [, dataType ] )
$.get( "jquery/test.html", function( data ) {
$( ".result" ).html( data );
alert( "Halaman berhasil di buka." );
});
$.get( "jquery/test.html", { name: "Rumah Code", web: "rumahcode.org" } )
.done(function( data ) {
alert( "Halaman berhasil di buka: " + data );
});
Perintah dasar untuk jquery post adalah
jQuery.post( url [, data ] [, success ] [, dataType ] )
$.post( "jquery/test.html", function( data ) {
$( ".result" ).html( data );
alert( "Halaman berhasil di buka." );
});
$.post( "jquery/test.html", { name: "Rumah Code", web: "rumahcode.org" } )
.done(function( data ) {
alert( "Halaman berhasil di buka: " + data );
});
Perintah jquery yang menggunakan variabel itu sama dengan mengirimkan data melalui form.