Ajax异步请求,对map中的list集合进行遍历

前端之家收集整理的这篇文章主要介绍了Ajax异步请求,对map中的list集合进行遍历前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

resp为一个Map对象,包含有一个List集合,通过jQuery.each(resp.cmpList,function(i,item){}对List集合进行遍历,resp.cmpList为一个list集合,item为list集合里的一个元素

$.ajax(
	{
		url:'/data/query_media',cache: false,type:'post',data:paramStr,dataType:'json',async:false,success:function(resp)
		{
			$("#con_one_2").children().hide();
			$("#con_one_2").append("<div id='media_"+resp.pageIndex+"'></div>")
			//$("#con_one_2").empty();
			//遍历公司集合,拼接显示公司列表
			 jQuery.each(resp.proList,item){  
			 	 $("#media_"+resp.pageIndex).append("<div class=\"ttkx\">"+
            	 "<div class=\"tp\"><div><a href=\"/get_media_info.html?id="+item.id+"\"><img src=\""+item.cover+"\" width='114' height='90' /></a></div></div> "+
             	 " <div class=\"tp_z\">"+
            	 "  <p><b>简介:</b>"+ checkNull(item.productExplain)+"</p>"+
             	 " <p><b>价格:</b>"+ price(checkNull(item.productPrice))+"</p>"+
            	 "  <p><b>类型:</b>"+ checkNull(item.productType)+"</p>"+
            	 "  <p><b>公司:</b><a href='/get_company_info.html?cmpId="+item.cmpId+"'>"+ item.cmpName+"</a></p>"+
           		 " </div>"+
          		 "</div>");
              
            }); 
            //设置分页
            var page1 = "";
            var page2 = "";
            var next = parseInt(resp.pageIndex)+1;
            var pre = parseInt(resp.pageIndex)-1
            if(resp.pageIndex>1)
            {
            	page1 = "<td><a onclick='nextPageMedia("+pre+");'><img src=\"/images/PrevIoUs_page.jpg\" width=\"59\" height=\"25\" style='cursor:pointer'/></a></td>";
            }else{
            	page1 = "<td><img src=\"/images/PrevIoUs_page.jpg\" width=\"59\" height=\"25\" /></td>"
            }
             if(parseInt(resp.pageIndex) < parseInt(resp.maxPage))
            {
            	page2 = "<td><a onclick='nextPageMedia("+next+");'><img src=\"/images/next_page.jpg\" width=\"59\" height=\"25\" style='cursor:pointer'/></a></td>";
            }else{
            	page2 = "<td><img src=\"/images/next_page.jpg\" width=\"59\" height=\"25\" /></td>"
            }
            
            $("#media_"+resp.pageIndex).append("<table cellpadding=\"0\" cellspacing=\"0\" id=\"page\">"+
            "<tr>"+
            "<td >&nbsp;</td>"+
            page1+
             "<td >&nbsp;"+resp.pageIndex+"/"+resp.maxPage+"</td>"+
           page2+
            "</tr>"+
            "</table>");	
		}
	});
原文链接:https://www.f2er.com/ajax/166143.html

猜你在找的Ajax相关文章