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

AJAX Request dengan Jquery

0
Degananda.com -

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]

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 :  Rest Webservices dengan code igniter menggunakan library rest-server (bagian 1).

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);