页面加载，使用ajax查询某个类别，并且给它们添加（拼接）连接

最新推荐文章于 2022-06-10 15:34:57 发布

weixin_30768661

最新推荐文章于 2022-06-10 15:34:57 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/lbloveab/p/7247340.html

本文展示了一个使用jQuery从服务器获取JSON数据并将其解析显示在网页上的示例。通过$.get方法请求产品类型列表，然后遍历数据创建HTML元素。

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

直接上代码

 $(function(){
		var a = '';
		$.get("productType1_findAll.action",function(data){
		console.info(data);
			$.each(data.productTypeList,function(i,element){
			console.info(element.id);
				 a += "<a class='outer' href='goodsDetail_findGoods.action?producttype.id="+element.id+"'><span id='span1' class='inner'><b class='text'>"+element.productTypeName+"</b></span></a><br>"; 		
			})		;
		 $("#word1").html(a); 	
		},"json");
	}) ;

<div class="word" id="word1">							
　　<a class="outer" href="#">
　　　　<span id="span1" class="inner">
　　　　　　<b class="text"></b>
　　　　</span>
　　</a>																										
</div>

acton方法

    public String findAll(){
		productTypeList=productTypeService.findAll(producttype);
		return "success";
	}

dao实现类方法

@Override
    public List<Producttype> findAll(Producttype producttype) {    
        return hibernateTemplate.loadAll(Producttype.class);
    }

转载于:https://www.cnblogs.com/lbloveab/p/7247340.html