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. Untuk lebih jelasnya ikuti tulisan saya selanjutnya.

jquery library

Iklan
Perihal

I am system analyst, my specialization are Web programming, mobile programming also graphic design.

Tagged with: , , , ,
Ditulis dalam Lanjutan, teknik

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Produk Promo
Desktop Mini PC Intel Core i3
Kategori Tulisan

Klik untuk mendapatkan Update melalui email anda

Bergabunglah dengan 164 pengikut lainnya

%d blogger menyukai ini: