动态修改attr里的多个属性

要点:

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"}'; ?>
上一篇:在ubuntu系统荣品开发配套JDK安装


下一篇:ZOJ 1091 (HDU 1372) Knight Moves(BFS)