分享web开发知识

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

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

EJS基本用法

发布时间:2023-09-06 02:13责任编辑:赖小花关键词:暂无标签

1.引入

<script src="/src/ejs_production.js"></script>

2.模板

<script id="content" type="text/template"> ???<div class="form-group col-lg-12"> ???????<label class="control-label ?col-lg-3 ?text-right"> ???????????[% if ( type == 1 ) { %] ???????????规格一内容: ???????????[% } else { %] ???????????规格二内容: ???????????[% } %] ???????</label> ???????<span class="input-group col-lg-8 input-group-option"> ???????????<select name="[%= name %]" id="[% id %]" class="form-control spec_cont" style="position: relative; left:-4px;z-index: 1;border-radius:3px;" aria-describedby="object" multiple="multiple"> ???????????????<option value="0">请选择</option> ???????????????[% for(var i=0; i<attr_val.length; i++) { %] ???????????????????<option value="[%= attr_val[i].id %]" >[%= attr_val[i].name %]</option> ???????????????[% } %] ???????????</select> ???????</span> ???</div></script>

3.引入数据

$("#spec1").on("change",function(){ ???????????var data = {}; ???????????data.id = 'spec1_cont'; ???????????data.name = 'spec1_cont'; ???????????data.type = 1; ???????????let attr_key_id = $(this).val(); ???????????// 获取规格内容 ???????????$.ajax({ ???????????????type:'POST', ???????????????url:'get_attr_val', ???????????????data: {attr_key_id: attr_key_id}, ???????????????dataType:'json', ???????????????success:function(res){ ???????????????????if(res.errno == 0){ ???????????????????????data.attr_val = res.attr_val; ???????????????????????var h = new EJS({element:'content'}).render(data); ???????????????????????$('#spec1_div_container').html(h); ???????????????????????$('.spec_cont').select2(); ???????????????????} else { ???????????????????????$('#spec1_div_container').html(''); ???????????????????} ???????????????} ???????????});});

里面有if,有for,有=。基本就够用了!
下载ejs_production

EJS基本用法

原文地址:https://www.cnblogs.com/jiqing9006/p/9609097.html

知识推荐

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