Warum wird der Label-Wert immer nach dem Aktualisieren der Seite angezeigt

Question

Ich habe eine Bezeichnung, die Wert von Text aus einer Datenbank haben. Ich versuche, die Daten in der Datenbank zu löschen, und es funktioniert; Die Daten wurden gelöscht. Aber warum sind die Daten, die ich gelöscht habe, immer noch auf dem Etikett? Nachdem ich die Daten gelöscht habe, mache ich die Funktion window.location.reload. Das Label darf keinen Wert haben, nachdem die Löschfunktion ausgeführt wurde. Aber in meinem Code hat das Label immer noch den Wert.

Das ist mein Code

$(document).on('click', '#delete', function(e) { 
 
    var data = $("#form_md2").serialize(); 
 
    $.ajax({ 
 
    data: data, 
 
    type: "post", 
 
    url: "../php/stock_opname/op_delete.php", 
 
    success: function(data) { 
 
     alert("Data: " + data); 
 
    } 
 
    }); 
 
    window.location.reload(); 
 
    clearInput(); 
 
}); 
 

 
$("form_input").submit(function() { 
 
    return false; 
 
}); 
 

 
function clearInput() { 
 
    $("#form_input :input").each(function() { 
 

 
    $('#p_awal').val(''); 
 
    $('#p_akhir').val(''); 
 

 

 
    }); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<tr> 
 
    <td width=1> 
 
    <p align="left">Periode : <label id="p_awal" style="font-weight:normal"></label> s/d <label id="p_akhir" style="font-weight:normal"></label> </p> 
 
</tr>

Answer 1

Sie ein value property aber text() nicht verwenden.

statt $('#p_awal').val(''); verwenden $('#p_awal').text('');

<label> nicht Ausgangswert durch den Wert Eigenschaft.

Answer 2

versuchen Sie das, erhalten Sie irgendeine Warnung?

$.ajax({ 
    data: data, 
    type: "post", 
    url: "../php/stock_opname/op_delete.php", 
    success: function(data) { 
     $('#p_awal').text(''); 
     $('#p_akhir').text(''); 
     alert("Data: " + data); 
    }, 
    error: function() { 
     alert("error"); 
    } 
    }); 

Answer 3

Versuch setzen:

window.location.reload(); 
clearInput(); 

in:

success: function(data) { 
    alert("Data: " + data); 
} 

Ergebnis:

success: function(data) { 
    alert("Data: " + data); 
    window.location.reload(); 
    clearInput(); 
}