只从表中发送更改的数据
Sending only changing data from the table
本文关键字:数据 更新时间:2023-09-26
我有这个从服务器接收的表:(使用ajax):
$.each(data, function(i, item) {
$('#MyTable tbody').append("<tr>"d
+"<td>" +data[i].A+ "</td><td>"
+data[i].B
+"</td><td><input type='text' value='"
+data[i].C+"'/></td><td><input type='text' value='"
+ data[i].D+"'/></td>"
+ "</tr>");
});
C和D是编辑文本,用户可以修改它们。在用户更改后,我想"获取"表中按行更改的所有数据(所有已更改的行,即使只有C(或D)已更改),并通过ajax发送JSON。我如何读取数据到JSON?
我开始写一个,但我卡住了(这样我发送了所有的表,而不是唯一改变的行,我想发送唯一改变的行):
function getUserData()
{
var newData = new Array();
$.each($('#MyTable tbody tr'),function(key,val){
var inputF = $(this).find("input[type=text]");
var fileldValues = {};
fileldValues['c'] = $(inputF[0]).val();
fileldValues['d'] = $(inputF[1]).val();
fileldValues['a'] = $($(this).children()[0]).text();
fileldValues['b'] = $($(this).children()[1]).text();
newData.push(fileldValues);
});
return JSON.stringify(newData);
}
function saveNewData(){
var newData = getUserData();
$.ajax({
type: "GET",
url: "save",
dataType: "json",
data: {
newData: newData},
contentType : "application/json; charset=utf-8",
success : function(data) {
},
error : function(jqXHR, textStatus, errorThrown) {
location.reload(true);
}
});
}
为文本字段添加一个onchange
事件。当它触发时,向该元素添加一个类名。在保存代码中,只选择那些具有该类名的元素。
$('#MyTable input[type=text]').on('change',function() {
$(this).addClass('changed');
})
改变:
var inputF = $(this).find("input[type=text]");
:
var inputF = $(this).find("input[type=text].changed");
相关文章:
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- CSS-如何定位内容数据标题
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 序列化数据属性中对象的最可靠方法
- 如何将JSON数据导入我的ejs模板
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 画布数据到图像
- 使用jquery将mysql数据获取到新的表行中
- 使用html中的外部javascript进行数据验证
- 有时数据是't显示在浏览器中
- React中的数据集表示
- Angular只从数组中获取所需的数据
- 无法将数据从firebase获取到我的html页面
- YUI3 IO实用程序是否可以根据给定的内容类型标头值自动序列化数据