lifelong learner — urip iku urup, currently working on accenture.

Cara Memanggil API dari Website Lain dengan Menggunakan Jquery AJAX

0
Degananda.com -

ajax-thumb

AJAX, singkatan dari “Asynchronous JavaScript and XML“. merupakan metode suatu laman web menggunakan JavaScript untuk mengirim dan menerima data dari server tanpa harus menyegarkan (refresh) laman itu [1]

AJAX digunakan oleh berbagai macam framework yang ada pada UI development seperti angular , vua maupun react.

Keuntungan dari ajax adalah kemampuan pemanggilan yang asynchronous. Ini membuat proses pemanggilan API tersebut tidak menggangu (blocking) atas proses-proses lain yang terjadi di halaman tersebut

Cara Memanggil API dari Website Lain dengan Menggunakan Jquery AJAX

untuk melakukan http request dengan menggunakan syntax yang digunakan adalah


$.ajax({
type: 'Web Services Method',
url: 'Lokasi Web Services',
dataType: 'json',
headers : {
{Header List}
}
}).fail(function(xhr, status, error) {
console.log(xhr);
}).done(function(data) {
console.log(data);
});

contohnya adalah lokasi web services : https://degananda.com/api/rest-server/siswa/view/1/null/null/null/null yang berguna untuk menampilkan data siswa.
untuk dapat membuat web services dapat disimak ulasan berikut ini :

Cara Membuat API Web service pada PHP dengan Code Igniter

maka kode javascript(jquery) untuk mengkases web services tersebut adalah :
* web service dapat diakses jika memasukan api key yang benar.



$.ajax({
type: 'GET',
url: 'http://{{web_services}}/api/rest-server/siswa/view/1/null/null/null/null',
dataType: 'json',
headers : {
'Content-Type': 'application/json',
'api_auth_key': 'xxxxxxxx'
}
}).fail(function(xhr, status, error) {
console.log(xhr);
alert('fail');
}).done(function(data) {
console.log(data);


(Visited 314 times, 1 visits today)

Leave a Reply