REST API Client Method PATCH pada Javascript

Pembahasan kita saat sampai kepada REST API client dengan menggunakan fetch API Javascript. REST API server untuk method PATCH ini ada di https://www.proweb.co.id/articles/restful/rest-api-server.html dan https://www.proweb.co.id/articles/restful/rest-api-server-patch.html . Method PATCH ini akan mengubah sebagain data field saja.

Dalam pembuatan REST API Client ini kita akan membuat sebuah file HTML biasa dengan field lagu_id dan pencipta dan sebuah button ubah.

Source codenya untuk Javascript:

document.querySelector('#ubah').addEventListener('click',function(e)
{
    jsRESTClientPATCH();        
});
 
function jsRESTClientPATCH()
{
    let urlku = 'https://lms02.xxxxx.id/aris2020/api/lagu/?lagu_id='+ document.querySelector('#lagu_id').value
        + '&pencipta='+document.querySelector('#pencipta').value;
    urlku = encodeURI(urlku);
 
    fetch(urlku,{
            method : 'PATCH',
    })
    .then(res => res.text())
    .then(teks => console.log(teks))
    .catch(err => console.log(err));
}

Sedangkan contoh tampilan adalah seperti di bawah ini:

Demikianlan contoh pembuatan REST API client method PATCH menggunakan fetch API Javascript.

Artikel terkait dengan REST API method FETCH adalah
1. https://www.proweb.co.id/articles/restful/rest-api-server-patch.html .
2. https://www.proweb.co.id/articles/restful/rest-api-client-patch-php.html .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

REST API Client Method PATCH pada Javascript