时间:2021-05-26
本文实例讲述了jQuery与getJson结合的用法。分享给大家供大家参考。具体如下:
这里分析jQuery与getJson结合的一个应用实例,因为json保存数据比较轻巧实用,所以个人比较喜欢Json功能,用这个简单写了一个导航菜单的功能,比较简单的那种,目的是演示如何将jQuery与Json结合起来。
运行效果截图如下:
具体代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http:///"} ] } ] } var items = []; $.each(data.siteData, function(i, val) {var li2Size = val.siteList.length;for(var m=0, li2 = ''; m < li2Size; m++){ li2 += '<li id="li_'+i+'_'+m+'"><a href="' + val.siteList[m].url + '" title="' + val.siteList[m].sName + '" target="_blank">' + val.siteList[m].sName + '</a></li>';} items.push('<li><dl id="li_' + i + '"><dt>' + val.siteClass +'</dt><dd><ul>'+ li2 + '</ul></dd></dl></li>'); }); $('<ul/>', { 'style': 'color:red;', 'class': 'my-new-list', html: items.join('') }).appendTo('body'); })</script></head><body></body></html>希望本文所述对大家的jquery程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jQueryextend()详解及简单实例使用jQuery的时候会发现,jQuery中有的函数是这样使用的:$.get();$.post();$.getJSON
jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数。原型如下:jQuery.getJSON(ur
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考,具体如下:一、jQuery的attr()方法jquery中用attr()方
jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数。原型如下:jQuery.getJSON(ur
本文实例讲述了jQuery对JSON数据进行排序输出的方法。分享给大家供大家参考。具体实现方法如下:$.getJSON('URl',function(data)