JSON verilerini bir URL'ye göndermem ve aynı zamanda JSON verisi olan yanıtı işlemem gerekiyor. Bunu vanilla javascript kullanarak, üçüncü taraf kütüphaneleri olmadan nasıl yapabilirim? İstek başlıklarını da ayarlamalıyım. Lütfen bana bunun nasıl yapılacağına dair bir örnek verebilir misiniz? İşteJSON verilerini yayınlamak ve yanıtı işlemek için AJAX isteği nasıl yapılır
6
A
cevap
13
Tamam nasıl hem GET ve vanilya içinde POST istekleri javascript, istek başlıklarını nasıl ayarlanacağı dahil jQuery gibi üçüncü taraf kitaplıkları yani:
// Just to namespace our functions and avoid collisions
var _SU3 = _SU3 ? _SU3 : new Object();
// Does a get request
// url: the url to GET
// callback: the function to call on server response. The callback function takes a
// single arg, the response text.
_SU3.ajax = function(url, callback){
var ajaxRequest = _SU3.getAjaxRequest(callback);
ajaxRequest.open("GET", url, true);
ajaxRequest.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
ajaxRequest.send(null);
};
// Does a post request
// callback: the function to call on server response. The callback function takes a
// single arg, the response text.
// url: the url to post to
// data: the json obj to post
_SU3.postAjax = function(url, callback, data) {
var ajaxRequest = _SU3.getAjaxRequest(callback);
ajaxRequest.open("POST", url, true);
ajaxRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajaxRequest.setRequestHeader("Connection", "close");
ajaxRequest.send("data=" + encodeURIComponent(data));
};
// Returns an AJAX request obj
_SU3.getAjaxRequest = function(callback) {
var ajaxRequest;
try {
ajaxRequest = new XMLHttpRequest();
} catch (e) {
try {
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
return null;
}
}
}
ajaxRequest.onreadystatechange = function() {
if (ajaxRequest.readyState == 4) {
// Prob want to do some error or response checking, but for
// this example just pass the responseText to our callback function
callback(ajaxRequest.responseText);
}
};
return ajaxRequest;
};
böyle kullanın:
function processResponse(responseText) {
// Response text is a json:
var obj = JSON.parse(responseText) // won't work all browsers, there are alternatives
// Do something with obj
....
}
var jsonToPost = .... // whatever your json is
var url = ... // the URL to post to
_SU3.postAjax(url, processResponse, jsonToPost);
İlgili konular
- 1. Redux'ta AJAX isteği nasıl yapılır
- 2. Yeni Raylara 3, ajax isteği ile json yanıtı
- 3. http isteği nasıl gönderilir ve json yanıtı alınır C++ Boost
- 4. Kodlama yanıtı gönderme json
- 5. jquery ile form verilerini gönderin ajax json
- 6. JSON verilerini ajax çağrısından MVC denetleyicisine gönderemiyor
- 7. ajax yanıtı nasıl temizlenir
- 8. HTTP-isteği/komut satırından JSON yüküyle çağrı nasıl yapılır?
- 9. Ajax yanıtı yanlış gidiyor
- 10. Android'de Json yanıtı nasıl ayrıştırılır?
- 11. NodeJS aracılığıyla bir son noktaya Ajax isteği nasıl yapılır
- 12. Golang'da JSON yanıtı nasıl alınır
- 13. Json yanıtı görüntülendi
- 14. Sunucuya ifade etmek için ajax aracılığıyla json verilerini gönderme
- 15. nasıl ajax isteği
- 16. JMeter'da JSON yanıtı işleniyor
- 17. JSON verilerini nasıl desiteleyebilirim?
- 18. PHP'de json isteği işleme
- 19. Bir Lambda işlevinden bir HTTP isteği yapmak ve başka birindeki yanıtı işlemek mümkün mü?
- 20. Şöyle bir AJAX isteği var tekrarlayan AJAX isteği
- 21. Android http json yanıtı geliyor
- 22. Neden Eğik AJAX isteği
- 23. JavaScript tepkisi ve ajax isteği
- 24. Ajax isteği gerçekleştirilemedi ve sunucu veri
- 25. javascript'te json yanıtı nasıl ayrıştırılır?
- 26. VueJs ve VueResource, bir Ajax isteği
- 27. Açısal ajax yanıtı çalışmıyor
- 28. Ajax İkili Yanıtı
- 29. JMeter'de JSON Yanıtı nasıl doğrulanır?
- 30. Yerel json verilerini yüklemek için pencere .fetch (ES6) nasıl kullanılır?
Veriler json_encoded –
olarak sunucuya gönderilmedikçe json verilerini alabileceğinizi düşünmüyorum cevabımı görmek istediğinizi yapmalısınız –