分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

ajax 循环追加HTML

发布时间:2023-09-06 02:29责任编辑:顾先生关键词:HTML
 1                         $(".iconfont").click(function(){ 2 ????????????????????????????????????????????page=$("input[name=‘count‘]").val(); 3 ????????????????????????????????????????????typeid=$("input[name=‘typeid‘]").val(); ????????????????????????????????????????????4 ????????????????????????????????????????????$.ajax({url:"index.php?mod=mobile&act=goods&type=ajax", 5 ????????????????????????????????????????????type:‘GET‘, 6 ????????????????????????????????????????????dataType:"json", 7 ????????????????????????????????????????????data:{"page":page,"typeid":typeid}, 8 ????????????????????????????????????????????success:function(data){ 9 ????????????????????????????????????????????????if(data.state==1){ ??????????????????????????????????????????????????10 ????????????????????????????????????????????????????tableContent="";11 ????????????????????????????????????????????????????$.each(data.msg,function(i){12 ????????????????????????????????????????????????????????var commentInfo = data.msg[i];13 ????????????????????????????????????????????????????????var num = i+1;14 ????????????????????????????????????????????????????????tableContent += ‘<a href="javascript:;" class="aui-flex-links-item">‘;15 ????????????????????????????????????????????????????????tableContent += ‘<div class="aui-flex-links-img">‘;16 ????????????????????????????????????????????????????????tableContent += ‘<img src="‘+commentInfo.goods_thumb+‘">‘;17 ????????????????????????????????????????????????????????tableContent += ‘</div>‘;18 ????????????????????????????????????????????????????????tableContent += ‘<div class="aui-flex-links-text">‘+commentInfo.goods_name;19 ????????????????????????????????????????????????????????tableContent += ‘<br>‘; ???20 ????????????????????????????????????????????????????????tableContent += ‘<span style="color:#ff5647">‘; ???21 ????????????????????????????????????????????????????????tableContent += ‘<i>¥</i>‘+commentInfo.shop_price; ???22 ????????????????????????????????????????????????????????tableContent += ‘</span></div>‘; ???23 ????????????????????????????????????????????????????????tableContent += ‘</a>‘; ?????????????????????????????????????????????????????24 ????????????????????????????????????????????????????})25 ????????????????????????????????????????????????????$(".aui-flex-links").append(tableContent);26 ????????????????????????????????????????????????????$("input[name=‘count‘]").val(++page);27 ????????????????????????????????????????????????}else{ ??????????????????????????????????????????????????28 ????????????????????????????????????????????????????$("#show").append(data.msg);29 ????????????????????????????????????????????????????$(‘.iconfont‘).css("display","none")30 ????????????????????????????????????????????????}31 ????????????????????????????????????????????}32 ????????????????????????????????????????});33 ????????????????????????????????????})

ajax 循环追加HTML

原文地址:https://www.cnblogs.com/ssx314/p/10251727.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved