You are here
jQuery 遍历json数组的实现代码
版权声明：本文为博主原创文章，未经博主允许不得转载。
- $(function () {
- var tbody = "";
- //------------遍历对象 .each的使用-------------
- //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Object）。本文不作详细介绍服务器端回调的数据问题，我们将直接自定义对象)
- var obj = [{ "name": "项海军", "password": "123456"}];
- $("#result").html("------------遍历对象 .each的使用-------------");
- alert(obj); //是个object元素
- //下面使用each进行遍历
- $.each(obj, function (n, value) {
- alert(n + ' ' + value);
- var trs = "";
- trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";
- tbody += trs;
- });
- $("#project").append(tbody);
- });
- jquery遍历解析json对象1：
- var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
- for(var i=0,l=json.length;i<l;i++){
- for(var key in json[i]){
- alert(key+’:'+json[i][key]);
- }
- }
- query遍历解析json对象2
- 有如下 json对象：
- var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
- 遍历方法：
- for(var p in obj){
- str = str+obj[p]+’,’;
- return str;
- }
<script type="text/javascript">
var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}];
$(d1).each(function(){
alert(this.text+" "+this.value);
});
</script>
不用JQuery
复制代码代码如下:
<script type="text/javascript">
var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}
json = eval(json.options)
for(var i=0; i<json.length; i++)
{
alert(json[i].text+" " + json[i].value)
}
</script>
js遍历json数组
普通分类: