jQuery veya yardımcı jQuery kütüphaneleri olmadan direk olarak javascript ile Get-Post işlemlerinin nasıl yapıldığını makale devamında bulabileceksiniz.
Javascript XMLHttpRequest ile GET-POST işlemlerini gerçekleştirme
jQuery veya yardımcı jQuery kütüphaneleri olmadan direk olarak javascript ile Get-Post işlemlerinin nasıl yapıldığı ile ilgili bilgiye altta yer alan Ajax fonksiyonu içerisindeki XMLHttpRequest sınıfını kullanarak yaptığımızı görüyorsunuz.
XMLHttpRequest Sınıfı Kullanımı
Javascript
1 2 3 4 5 6 7 8 9 10 11 12 13 | function Ajax(url, cBak) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'JSON'; xhr.onload = function () { if (this.status == 200) { var lst = JSON.parse(xhr.responseText); console.log("veri alındı... "); } cBak(lst); }; xhr.send({}); } |
Üstteki fonksiyonu kullanmak için yapmanız gereken çekmek istediğiniz verinin yer aldığı url’i girmelisiniz ve sonucunda erişmek istediğiniz veri için callBack fonksiyonunu tanımlamalısınız örnek kullanım için alttaki koda gözatabilirsiniz. Ben GET yöntemi ile ulaşmaya çalıştım veriye pakat siz isterseniz POST veya diğer HTTP yöntemlerinide kullanabilirsiniz.
Örnek Kullanım
1 2 3 | Ajax('http://beta.json-generator.com/api/json/get/AbetPTE', function (res) { //Eriştiğiniz veri ile işlemleri yapabilirsiniz. }) |