javascript - 在 thymeleaf 变量中转义撇号

Question

我正在尝试使用 thymeleaf 转义作为字符串参数传递的变量值中的撇号。我的代码如下所示:

<button type="button" class="btn btn-default btn-sm" th:id="${'delete'+document['oid_pj']}"
                th:if="${document['utilisateur'] == session.utilisateur}"
                th:onclick="'deletePj(\''+${document['oid_pj']}+'\',\''+ ${document['url']} +'\');'">

当解释 html 页面时，它看起来像这样:

<button type="button" class="btn btn-default btn-sm" id="deleteAS8bo00000F1T" onclick="deletePj('AS8bo00000F1T','//20150007/GIWkE0000FHUI//Creation d'un service GtMonitor.doc');">

所以来自“d'un”的撇号在它的意思之前关闭了参数。

有谁知道我怎样才能逃脱它？

Answer 1

在将 ${document['url']}(包含单引号的值)传递给 javascript 函数之前，首先通过将 ' 替换为 来清理它\'。使用 th:with 创建一个局部变量，用于存储清理后的值。使用 #strings.replace 进行替换。为防止编译错误，替换时使用html实体'代替'

<input type="button" value="Click Me" 
            th:with='cleaned=${#strings.replace(document["url"], "&apos;", "\&apos;")}'
            th:onclick="'deletePj(\''+${document['oid_pj']}+'\',\''+ ${cleaned} +'\');'"/>

输出:

<input type="button" onclick="deletePj('AS8bo00000F1T','//20150007/GIWkE0000FHUI//Creation d\'un service GtMonitor.doc');" value="Reconciliation">