前端小白--web前端ajax请求

2017-12-13 20:05:34来源:CSDN作者:qq_38209578人点击

分享

本文主要介绍web前端发起ajax请求,动态添加新数据。

html页面的js代码:

$.ajax({      url:"{:U('ajax_question')}",  //请求路径       dataType:'json',  //数据类型       async:true,//请求是否异步,默认为异步,这也是ajax重要特性       success:function(res){           //请求成功时处理           $('.answer-wrap').append(res);//通过append的方式动态添加html代码       },       error:function(res){           //请求成功时处理           layer.msg('服务器繁忙,请稍后重试')       }   });

ajax_question.html

Tips:此处书写动态加载的模块(volist为TP3框架,可以直接写入HTML代码)

<volist name="goodsList" id="vo">    <div class="swiper-slide" data-id="{$vo.id}">        <img data-src="{$vo.cover_img}" class="swiper-lazy"/>        <div class="swiper-lazy-preloader"></div>    </div></volist>

相关文章

    无相关信息

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台