IE下动态生成<li><a><img>等标签

最新推荐文章于 2023-01-02 23:44:46 发布

牧佑

最新推荐文章于 2023-01-02 23:44:46 发布

阅读量690

点赞数

CC 4.0 BY-SA版权

文章标签：框架

本文链接：https://blog.youkuaiyun.com/qq_34301871/article/details/70230088

本文介绍了一种简单展示页面的开发方法，通过前后端交互实现动态内容加载。具体包括使用框架进行后台数据处理及前端页面元素动态生成的技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这几天做一个展示页面。所以最简单的做法，来做的。不多说了上代码

、

数据库。然后后台查出来。因为用得框架所以后台代码希望不要参考。

控制层

	@RequestMapping(params = "method=getTbOrgYh")
	public ModelAndView getTbOrgYh(HttpServletRequest req){
		NewMenu newMenu = new NewMenu(RequestUtil.getMap(req));
		return new ModelAndView("jsonView",newMenu.getTbOrgYh());
	}

前台做了一个判断

$.ajax({
		url:sys_ctx+'/newmenu/default.do?method=getTbOrgYh',
		success:function(json){
			for(var i=0;i<json.tm.length;i++){
				var ul = document.getElementById("ul1");
				var li = document.createElement("li");
				var a = document.createElement("a");
				var em = document.createElement("em");
				var img = document.createElement("img"); 
				var tempStr =json.tm[i].tb;
				if(tempStr.length > 3){
					var ss = tempStr.slice(-3);
					if(ss == "png" || ss == "jpg" || ss == "gif"){
						a.innerHTML = json.tm[i].xstb;
						a.href = json.tm[i].url;
					 	img.src =json.tm[i].tb; 
						ul.appendChild(li);
						li.appendChild(a);
						a.appendChild(em);
						em.appendChild(img); 
					
					}
				} else {
					a.innerHTML = json.tm[i].xstb;
					a.href= json.tm[i].url;
					em.innerHTML = json.tm[i].tb;
					ul.appendChild(li);
					li.appendChild(a);
					a.appendChild(em);
				}

			}

好了