如何将EJS代码添加到JQuery Append函数？

Question

我有问题。我具有动态形式，并需要与数据库中的数据一起循环。

我在第一行中有一个：

 <select class="form-select" id="serviceName1" onchange="getServiceInfo('1')" name="serviceName">
                        <option selected value="none">Wybierz pozycję</option>
                        <% invServices.forEach(invServices => { %>
                          <option><%= invServices.services.name %></option>
                        <% }); %>
                      </select>

然后复制：

$(wrapper).append(
                 "<select id='serviceName"+x+"' class='form-select' name='serviceName'>"+
                    "<option selected value='none'>Wybierz pozycję</option>"+
                     '<% invServices.forEach(invServices => { %>'+
                        "<option><%= invServices.services.name %></option>"+
                        "<% }); %>'"+
                    "</select>"+    )

此复制part＆lt;％= blah blah blah％＆gt;，在我的页面上像字符串一样渲染。

我可以使用此标签＆lt; %%＆gt;用jQuery附加？还是可能有人有更好的方法来做动态形式？

感谢您的回答。

Answer 1

为了从前端执行此操作（我认为这是您要问的是因为您要问使用jQuery插入），这些步骤如下：

1. 创建一个迷你EJS模板（看起来您已经拥有）。
2. 从数据库中获取数据（如果您在网页中还没有数据，则可能在后端服务器上调用AJAX调用）。
3. 导入EJS客户端库，因此可以使用客户端。
4. 然后，调用ejs ejs.render（）将其传递给该模板的模板和数据，以与插入数据一起生成HTML。
5. 然后，使用jQuery将生成HTML生成的html插入您想要的现有页面。

或者，您可以创建一个单个AJAX调用，该调用在服务器上执行步骤1-4并为您返回生成的HTML，然后插入生成的HTML，AJAX调用将返回您想要的位置。