Middle
Düyməyə klik edildikdə məlumatların ötürülməməsi halında səhvləri necə lokalizasiya edəcəksiniz?
sobes.tech Süni İntellekt
AI-dan cavab
- Tətbiq, server və məlumat bazasının loglarını yoxlayın.
- Şəbəkə sorğularını inkişaf etdirici alətlər (məsələn, Chrome DevTools, Fiddler) vasitəsilə səhvlər üçün yoxlayın (status kodları, sorğunun olmaması).
- Klient və server kodunu səhvləri tapmaq üçün debug edin, klik hadisə işləyicisi və məlumat göndərən metodda dayanma nöqtələri qoyun.
- Məlumatların göndərildiyi API və ya endpoint konfiqurasiyasını yoxlayın.
- Sorğunun gövdəsinin (payload) və onun məzmununun düzgün olduğundan əmin olun.
- Əməliyyatı yerinə yetirmək üçün giriş hüquqları və autentifikasiyanı yoxlayın.
- Problemi izolyasiya etmək üçün xarici alətlərlə (məsələn, Postman) və ya minimal test skripti yazmaqla məlumat göndərməni test edin.
- API sənədlərini və məlumat formatı tələblərini nəzərdən keçirin.
- Əgər istifadə olunursa, firewall və ya proxy konfiqurasiyalarını yoxlayın.
- Məlumatların göndərilməsinə mane ola biləcək paralel proseslər və ya bloklamaları yoxlayın.
JavaScript-də debug nümunəsi (müştəri tərəfi):
// Klik hadisə işləyicisinin debug nümunəsi
document.getElementById('myButton').addEventListener('click', function() {
console.log('Düymə klikləndi.'); // Handler-in işlədiyini yoxlayın
const dataToSend = { key: 'value' }; // Göndəriləcək məlumatlar
console.log('Göndəriləcək məlumatlar:', dataToSend); // Yaradılan məlumatları yoxlayın
fetch('/api/sendData', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(dataToSend),
})
.then(response => {
console.log('Fetch cavabı alındı.'); // Cavabın alındığını yoxlayın
if (!response.ok) {
throw new Error(`HTTP xətası! status: ${response.status}`); // HTTP xətalarını idarə edin
}
return response.json();
})
.then(data => {
console.log('Cavab məlumatları:', data); // Cavab məlumatlarını yoxlayın
})
.catch(error => {
console.error('Məlumatların göndərilməsində xəta:', error); // Xətaları qeyd edin
});
});
Chrome DevTools-da şəbəkə sorğusunun yoxlanması nümunəsi:
- DevTools-u açın (F12).
- "Network" tabına keçin.
- Tətbiqdəki düyməyə klikləyin.
- Göndərilməli olan sorğunu tapın.
- Status kodunu yoxlayın (uğurlu üçün 2xx olmalıdır).
- "Headers", "Payload", "Preview", "Response" tablarını yoxlayaraq sorğu və cavabın detalları ilə tanış olun.
Server loglarını yoxlama nümunəsi (Python/Flask):
# Sorğu handler-də log nümunəsi
@app.route('/api/sendData', methods=['POST'])
def send_data():
try:
data = request.get_json()
app.logger.info(f"Qəbul edilən məlumatlar: {data}") # Qəbul edilən məlumatları qeyd edin
# ... məlumatların işlənməsi ...
return jsonify({"status": "success"}), 200
except Exception as e:
app.logger.error(f"Məlumatların işlənməsində xəta: {e}") # Xətaları qeyd edin
return jsonify({"status": "error", "message": str(e)}), 500
Müştəridən göndərilən məlumatlar və serverdə alınan məlumatların müqayisəsi də uyğunsuzluqları aşkar etməkdə kömək edə bilər.