你的位置:首页 > Java教程

[Java教程]JQuery 常用操作积累


1. 遍历表格中的所勾选的行,组织数据结构,传递到后台处理:

    var datas = new Object();       var fields = ["致命",连击","连击次","命中","混乱","封印","遗忘","鬼火"];    $("#table").find("tr").each(function(i) {
//这一句保证遍历的行是勾选了的 if($(this).children("#cbox").children("input#operation").prop("checked")){ $(this).find("td").each(function(j) { if(j>0){ var field = fields[j]; datas[field] = $(this).text(); } }); } });

a.项目中遇到这种场景比较多,需要将表格信息组织后传递给后台处理;
b.JQuery 中,遍历 table 中的 行 和 列,类似于循环嵌套;
c.循环每行,保存这一行中的每一列的数据,组成 jsonobject 对象,{"致命":"1",连击":"2","连击次":"3","命中":"4","混乱":"5","封印":"6","遗忘":"7","鬼火":"8"}
e.将每行的 jsonobject 对象保存到 jsonarray 对象中,类似与
[{"致命":"1",连击":"2","连击次":"3","命中":"4","混乱":"5","封印":"6","遗忘":"7","鬼火":"8"},{"致命":"1",连击":"2","连击次":"3","命中":"4","混乱":"5","封印":"6","遗忘":"7","鬼火":"8"}]
g.因为Js是弱引用语言,没有java 那样强硬的数据类型,上面 jsonobjec 和 jsonarray 对象是相对与传递到后台之后,解析所用到的对象,在js 中用 object()对象进行存储;
h.上面定义的 var fields = ["致命",连击","连击次","命中","混乱","封印","遗忘","鬼火"] 类似与 map 中的 key,而遍历每行中的每一个元素的时候,将对应的 {key:value,}存放到 object 中;
i.js 中的 map 可以用 object()对象, list<map> 可以用 object(() 对象,突然感觉 js 中 object()对象很牛逼,但是这样比较危险,不安全;