Код используется для отображения входных полей на основе различных типов расходов в форму редактирования < /p>
// Clear previous fields
dynamicFieldsContainer.innerHTML = '';
// Inject fields dynamically
for (const [key, value] of Object.entries(data.fields)) {
// Skip fields that are null or undefined
if (value === null || value === undefined) continue;
const field = `
${key.replace('_', ' ').toUpperCase()}
`;
dynamicFieldsContainer.insertAdjacentHTML('beforeend', field);
}
< /code>
Это скрытые поля, которые уже присутствуют в форме и заполнены сценарием JS, являются единственными полями, присутствующими в запросе Post < /p>
// Set hidden ID field
document.getElementById('expense-id').value = data.id;
// Set hidden expense-type field
document.getElementById('expense-type').value = data.type;
< /code>
Текущая HTML -структура, которая показывает форму и действие POST, а также скрытые и динамически рендеринг HTML -тегов < /p>
{% csrf_token %}
Edit Expense
Cancel
Save Changes
Подробнее здесь: https://stackoverflow.com/questions/793 ... st-request