在ajax刷新表后保留输入标记值,可以通过以下步骤实现:
下面是一个示例代码:
// 监听表单的提交事件
$('form').submit(function(event) {
// 阻止表单的默认提交行为
event.preventDefault();
// 获取表单中所有输入元素的值
var formData = {};
$(this).find('input, select, textarea').each(function() {
var name = $(this).attr('name');
var value = $(this).val();
formData[name] = value;
});
// 发送ajax请求
$.ajax({
url: 'your_backend_url',
method: 'POST',
data: formData,
success: function(response) {
// 渲染表格数据
renderTable(response);
// 将之前存储的输入值重新填充到对应的输入元素中
fillInputValues(formData);
},
error: function(error) {
console.log(error);
}
});
});
// 渲染表格数据的函数
function renderTable(data) {
// TODO: 根据返回的数据重新渲染表格
}
// 将输入值填充到对应的输入元素中的函数
function fillInputValues(formData) {
for (var name in formData) {
if (formData.hasOwnProperty(name)) {
$('[name="' + name + '"]').val(formData[name]);
}
}
}
这样,当表单提交后,ajax会发送表单数据到后端进行处理,并在成功返回后重新渲染表格数据,并将之前输入的值重新填充到对应的输入元素中,从而保留输入标记值。
领取专属 10元无门槛券
手把手带您无忧上云