Mengirimkan Informasi Menggunakan Metode Jquey Get dan Post

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.

Loading Jquery Library 

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>

Mengirimkan Informasi Menggunakan Metode Jquey Get

Perintah dasar untuk jquery get adalah

jQuery.get( url [, data ] [, success ] [, dataType ] )

Contoh penggunaan jquery

$.get( "jquery/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Halaman berhasil di buka." );
});

Contoh jquery dengan menggunakan variabel

$.get( "jquery/test.html", { name: "Rumah Code", web: "rumahcode.org" } )
  .done(function( data ) {
    alert( "Halaman berhasil di buka: " + data );
  });

Mengirimkan Informasi Menggunakan Metode Jquey Post

Perintah dasar untuk jquery post adalah

jQuery.post( url [, data ] [, success ] [, dataType ] )

Contoh penggunaan jquery

$.post( "jquery/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Halaman berhasil di buka." );
});

Contoh jquery dengan menggunakan variabel

$.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.