CARA MENGIRIM JAVASCRIPT (JQUERY) VARIABEL KE WEBSERVICE

Melanjutkan tulisan yang dulu saya singgung mengenai ajax menggunakan JQuery. Ketika belajar webservice dengan format JSON, metode termudah adalah dengan menggunakan ajax milik JQuery. Sebenarnya ada banyak cara untuk bertukar data lewat service. Kalau menggunakan jalur http:// sebenarnya hampir sama dengan ketika bertukar data dengan php. Metode yang biasa kita gunakan untuk bertukar data antara lain get, dan post. Sedangkan bila menggunakan jquery javascript diantaranya:

1. jQuery.get()

2. jQuery.getJSON()

3. jQuery.post()

4. jQuery.ajax()

Untuk tulisan kali ini menggunakan get dan post. Contohnya:
Menggunakan getJSON:

function artikelList(){
        $.getJSON(serviceartikelURL, function(data) {
 $('#list li').remove();
 employees = 1;
 $.each(data, function(index, employee) {$('#list').append(employee.POST_TITLE); }); 
        $('#list').listview('refresh'); 
        }); 
}

Menggunakan post:

function delete(a){
        try {
 $.post(delartikelURL, {
  "post_id": a,
 }, function(data){       
  if(data.result == 'success'){ //bila kembalian dari service kata success
   $("#status").show();
   $.mobile.showPageLoadingMsg("a", "Hapus Data Berhasil");
   artikelList();      
         }else {
   $("#status").show();
   $("#status").html('Coba lagi!');       
  }
 }, "json");
 }catch(e){   
  alert('isi:'+e);
 }
}

Metode ini masih sangat sederhana dan mudah digunakan, namun apabila di aplikasikan dengan menggunakan javascript framework maka akan menghasilkan sesuatu yang powerful. Javascript Framework yang saya maksud adalah Backbonejs atau Angularjs.




Sumber : http://inwebsite.wordpress.com/

Share This :