Question

我遇到了这个问题：

当用户点击按钮时，我想重新加载使用Java Spring创建的div：

mykey=something&mykey=something

特别是，我想更新属性＆＃34;数据服务连接＆＃34;。

我尝试过load（）方法：

<div id="trigger-who" class="page" th:fragment="triggerWho">
        <h3><strong class="accent">Which</strong> service will activate the rule?</h3>

        <ul id="trigger" class="list list-horizontal">
            <li th:each="channel: ${channels}"
                th:with="service=${channel.getService()}"
                th:if="${channel.getService().getTriggers().size() != 0}">
                <figure
                    class="service-box"
                    data-trigger="trigger"
                    th:attr="data-service-name=${service.getName()},data-service-connected=${channel.isConnected()}">
                    <img th:id="${service.getName()}" th:src="@{/img/} + ${service.getName()} + '.png'" />
                    <figcaption th:text="${service.getName()}"></figcaption>
                </figure>
            </li>
        </ul>
        <br clear="all" />
</div>

但它并没有正常工作。它将整个页面放在div中。

有人有什么建议吗？

提前感谢您的回答。

Answer 1

您想要加载页面的“片段”。

使用此：
$("#trigger-who").load(location.href + "#trigger-who")

整个页面已加载：http://www.domain.com/#trigger-who
（#trigger-who被视为地址中的哈希值）。

在地址和“哈希部分”之间使用空格表示它是一个jQuery选择器 $("#trigger-who").load(location.href + " #trigger-who")

与$ .get（）不同，.load（）方法允许我们指定要插入的远程文档的一部分。这是通过url参数的特殊语法实现的。如果字符串中包含一个或多个空格字符，则假定第一个空格后面的字符串部分是jQuery选择器，用于确定要加载的内容。

请参阅documentation。

单击时刷新div contenct

1 个答案: