Mobile’de JavaScript Json Post Nasıl Yapılır
Merhaba arkadaşlar, bugün mobil uygulamalar üzerinden javascript json post nasıl yapılır onu anlatmaya özen göstereceğim.
//Göndereceğimiz değerleri UI'dan alıyoruz var startLocId = $("#startLocation>option:selected").val(); var regionId = $("#region>option:selected").val(); . . . $.ajax({ url: 'http://servisinizinAdresi.com/servisinizAdı.svc/web/metodunuzunAdı', type: 'POST', headers: { "Accept": "application/json", "Content-Type": "text/json" }, dataType: 'json', async: true, data: JSON.stringify({ username: "username", password: "password", StartLocation: { ID: startLocId, Name: startLocName}, StartDate: wcfDateStr, Region: myRegion, Destinations: myDests, OnlySpecifiedDestinations: onlyTheseCities, TourDurationMin: tourMinD, TourDurationMax: tourMaxD, BudgetMin: tourMinP, BudgetMax: tourMaxP, NumberOfRooms: roomC, NumberOfAdults: adultC, NumberOfChildren: chldrenC, MinimumStars: minStarCount, Fusion: { AccommodationComfort: accomComfort, DistanceToCenter: distToCenter, LowAccommodationCost: lowAcomCost, LowTransportationCost: lowTransCost, ShortTransportationDuration: shortTransDur, SmallNumberOfTransfers: sNumTransfers, TransportationComfort: transComfort }, Attraction: { Belief: belief, Culture: culture, Entertainment: entertainment, FoodAndBeverage: foodAndBev, Nature: nature, Sports: sport } }), success: function (data) { App.xhr.abort(); // Response Objenizi otomatik olarak başına Mobile, sonuna Result koyarak oluşturduğu bir objenin içerisine atıyor o yüzden okumak isterken bu şekilde yapıyoruz. Örnek verecek olursak, metodun adı GetProduct verirsek dönen objenin ismi; MobileGetProductResult olacaktır. var result = JSON.parse(data.MobilemetodunuzunAdıResult); //Dönen cevabı object yapısını kullanarak istediğiniz gibi görüntüleyebilirsiniz artık. for (var i = 0; i < result.TourList.length; i++) { . . . } } }, error: function (error) { console.log("Hata var, hata:" + error); App.xhr.abort(); } });
Sorularınızı yorum kısmından bana iletebilirsiniz, Hoşçakalın.
Cemal Özen
Click to rate this post!
[Total: 1 Average: 5]