牛骨文教育服务平台(让学习变的简单)
博文笔记

动态-JS实现给对象动态添加属性并赋值 及 实现AJAX data传递动态key键名

创建时间:2017-12-22 投稿人: 浏览次数:2685

对前段工作时间中遇到的两种自认为比较有意义的JS动态操作数据的情况进行总结:

1.JS实现对象的动态添加属性并赋值

例:点击触发  通过类选择器遍历所有的input 并将其对应实体类的属性及属性值动态添加到info对象中,请求到后台.

var info = {};
$("#ss").click(function() {
     $(".cc input").each(function() {
	  var idValue = $(this).attr("id"); //获取属性id对应的属性值
          var name=this.name;  //获取该name的属性名称 
          eval("info."+name+"=" + idValue));
     });				
});
注意:  this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。
           $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性及其值。
2. 在某种情况下,  AJAX data可能根据不同的key键名称传递不同的value值,这时需要传递动态key键名,下面来解决ajax中data传参键名是变量不能识别的问题:

问题: 如key="name",value="shilei",传递过去的数据是{key:shilei}, 而不是{name:shilei}.

原因: json解析时key都按字符串解析,不识别变量.

解决方案: 使用对象类型来进行传递.

var obj = {};
key = "name";
value = "shilei";
obj[key] = value; //相当于obj["name"] = "shilei";
//此时ajax的data数据项应改为
data:obj,

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。