要点：

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. django入门记录 2

    1. 创建一个app, python manage.py startapp  appname 2. 设计model,在appname/目录下编辑好model 3. 检测model的修改,python ...

  2. 数论 Note.

    1. $ax+by=1 \rightarrow gcd(a,b)=1$ 2.如果一个数的后n位能被$2^n$整除,那么这个数能被$2^n$整除. 3.如果一个数的各位数之和能被3,9整除,那么这个数能 ...

  3. zoj 3946 Highway Project(最短路 + 优先队列)

    Highway Project Time Limit: 2 Seconds      Memory Limit: 65536 KB Edward, the emperor of the Marjar ...

  4. Yocto开发笔记之《U-boot启动内核流程》（QQ交流群：519230208）

    QQ群:519230208,为避免广告骚扰,申请时请注明 “开发者” 字样 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 执行命令 ...

  5. js024-最佳实践

    js024-最佳实践 本章内容: 可维护的代码 保证代码性能 部署代码 24.1 可维护性 24.1.1 代码的可维护性 代码可维护性的特征: 特性 说明 可理解性 其他人可以理解它的用途和一般途径 ...

  6. C#创建用户控件 - IPv4地址输入框

    根据网上的改写:http://blog.csdn.net/jhqin/article/details/5823363 控件属性: Text:获取或设置string类型的IP地址 Value:获取或设置 ...

  7. 使用RawSocket进行网络抓包

    aw socket,即原始套接字,可以接收本机网卡上的数据帧或者数据包,对与监听网络的流量和分析是很有作用的,一共可以有3种方式创建这种socket. 中文名 原始套接字 外文名 RAW SOCKET ...

  8. JavaWeb学习笔记——访问静态HTML网页

    基础知识: 1.一个标准 的WEB应用,在根目录下必须有一个WEB-INF文件夹,文件夹下必须有一个WEB.xml文件. 2.classes文件夹用来存放编译的class文件. 3.lib文件夹用来存 ...

  9. 适合于图像处理方向的SCI期刊杂志列表【转】

    适合于图像处理方向的SCI期刊杂志列表[转]   表1. 适合于图像处理方向的SCI期刊杂志列表 ISSN 期刊名 出版周期 1057-7149 IEEE TRANSACTIONS ON IMAGE ...

  10. ecshop show_message

    格式lib_main.php show_message(内容, array(返回列表,继续编辑), array(连接地址一,链接地址二, 'info',false); true:自动跳转 输出: fu ...