要点：

1、js将字符串转化为object方法，通过新建函数。

2、通过ajax返回的数据是object类型。

3、jquery.attr()里的attr是object类型

例子：主要实现后台返回的attr里的两个参数，将两个参数直接应用赋值

ajax前端请求：

<html>

<head>

    <title>jquery 同时修改两个属性</title>

</head>

</html>

<script src="extlib/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>

<script src="extlib/JSON-js-master/json_parse.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

  /*** json 格式字符串转化为 javascript object ***/

              function parseObj( strData ){

                     return (new Function( "return " + strData ))();

              }

     $.ajax({

         url: 'retJson.php',

         type: 'POST',

         dataType: 'json',

         data: {param1: 'value1'},

         success:function(data)

         {

            /**

             * [imgAttr ajax接收到的data是object对象]

             * @type {[object]}

             */

            imgAttrStr = data['img'];

           /**

            * 将object 转化为json字符串

            * [str 将object解析json字符串]

            * @type {[string]}

            */

           var str = JSON.stringify(data);

           alert(str);

           /**

            * 将json字符串转化object

            * [object parseJSON与eval("("+str+")")]等价

            * @type {[object]}

            * object

            */

           var jsonObject = $.parseJSON(str);

           var jsonObject =  eval("("+str+")");

             /**

            * [imgAttr 将“字符串”转化对象，修改attr属性]

            * $("#").attr(object)

            * @type {[object]}

            */

           imgAttrObject = parseObj(imgAttrStr);

           // alert(typeof(imgAttr));

           $("#img_switch").attr(imgAttrObject);

         }

     });

</script>

<body>

<div>

    <img id="img_switch" src="data:images/ups_ac_fail.gif" height="216" width="450" alt="UPS断线">

</div>

</body>

php后台数据返回

<?php 

echo "{\"img\":\"{'src':'images/ups_online.gif','alt':'UPS在线'}\" }";

// echo '{"img":"images/ups_online.gif"}';

?>

动态修改attr里的多个属性的更多相关文章

  1. JavaScript动态修改html组件form的action属性

    用javaScript动态修改html组件form的action属性,可以在提交时再决定处理表单的页面. <%--JavaScript部分--%><script language=& ...

  2. 周记5——随机撒花特效、动态修改伪元素样式、contenteditable属性、手机端调试利器VConsole、浏览器端debug调试

    记录一些小零碎知识点,以便日后查看~ 1.随机撒花特效 教师节快到了,公司的产品提出一个需求:在IM(即时聊天)聊天界面弹出教师节的祝福“广告”,用户点击“发送祝福”按钮,聊天界面会随机撒花.这里的重 ...

  3. 自己动手丰衣足食之轮播图一动态修改marginTop属性实现轮播图

    引言 学习jQuery有年头了,刚开始学习时自己动手写过轮播图,放的久了以至于忘了大致思路了.现在转而做前端,抽空把jquery轮播图拿出来写一写,把各种思路都自己练习练习,这里主要使用动态修改mar ...

  4. JDK动态代理+反射实现动态修改注解属性值

    这是最近朋友的一个需求,正好闲来无聊有些时间,跟着研究一下,如有不正确的地方,欢迎大家指正~ 一.准备自定义注解 注:如何实现自定义注解,请移步百度. 二.实现 1.实现方式1:通过反射+动态代理动态 ...

  5. Day14_85_通过反射机制修改Class的属性值（IO+Properties）动态修改

    通过反射机制修改Class的属性值(IO+Properties)动态修改 import java.io.FileInputStream; import java.io.FileNotFoundExce ...

  6. [SAP ABAP开发技术总结]动态修改选择屏幕

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  7. 动态修改 NodeJS 程序中的变量值

    如果一个 NodeJS 进程正在运行,有办法修改程序中的变量值么?答案是:通过 V8 的 Debugger 接口可以!本文将详细介绍实现步骤. 启动一个 HTTP Server 用简单的 Hello ...

  8. 动态修改 C 语言函数的实现

    Objective-C 作为基于 Runtime 的语言,它有非常强大的动态特性,可以在运行期间自省.进行方法调剂.为类增加属性.修改消息转发链路,在代码运行期间通过 Runtime 几乎可以修改 O ...

  9. 关于360插件化Replugin Activity动态修改父类的字节码操作

    近期在接入360插件化方案Replugin时,发现出现崩溃情况. 大概崩溃内容如下: aused by: java.lang.ClassNotFoundException: Didn't find c ...

随机推荐

  1. IIS7.5

    一.发布mvc遇到的HTTP错误 403.14-Forbidden解决办法 <system.webServer>   <validationvalidateIntegratedMod ...

  2. Alpha版本十天冲刺--Day4

    站立式会议 会议总结 队员 今天完成 遇到的问题 明天要做 感想 鲍亮 解决线程信息传递问题(使用函数回调),Android登录验证接口完善 无 json解析,忘记密码界面验证码获取接口,忘记密码请求 ...

  3. CSS3系列一（概述、选择器、使用选择器插入内容）

    CSS3模块化结构 CSS历史发展 CSS(Cascading Style Sheet),层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. CSS3属性选择器 E[att ...

  4. UVA12034Race(DP)

    题目链接 题意:A.B两人赛马,最终名次有三种可能:并列第一:A第一,B第二:B第一,A第二.输入n,求 n 人赛马时最终名次的可能,结果对10056取余 分析:对于 i 匹马来说,有 i 中可能,设 ...

  5. Docker入门教程（一）介绍

    http://dockone.io/article/101 Docker入门教程(一)介绍 [编者的话]DockerOne组织翻译了Flux7的Docker入门教程,本文是系列入门教程的第一篇,介绍了 ...

  6. 泛在传感器网络(Ubiquitous Sensor Network; USN)

    http://wiki.mbalib.com/wiki/%E6%B3%9B%E5%9C%A8%E4%BC%A0%E6%84%9F%E5%99%A8%E7%BD%91%E7%BB%9C 什么是泛在传感器 ...

  7. HTTP常见错误编号

    HTTP 错误 400 400 请求出错 由于语法格式有误,服务器无法理解此请求.不作修改,客户程序就无法重复此请求. HTTP 错误 401 401.1 未授权:登录失败 此错误表明传输给服务器的证 ...

  8. SSH（Struts Spring Hibernate开发框架）

    Spring(Model) Spring的核心思想是IoC和AOP,Spring使得管理对象更加方便,极大的降低组件之间的耦合度,实现了软件各层之间的解耦. Struts(View) 使用Struts ...

  9. ASP.NET程序单客户端（浏览器）登录的实现方案

    需求描述:当用户的账户在另一个浏览器中登录的时候,需要把当前浏览器的登录强制下线.这种需求在业务系统,或付费视频服务网站中比较常见. 这种需求我称之为"单客户端(浏览器)"登录,与 ...

  10. Windows7、8无法访问其他计算机共享盘

    Windows7.8无法访问其他计算机共享盘 WIN7 访问共享的时候提示用户名和密码不正确,在XP系统上可以正常访问 一.win+r   gpedit.msc    进行组策略如图所示 二.wind ...