我正在使用 jQuery 做这件事。
在定义磁贴的主页中,我有:
<script type="text/javascript" src="/path/to/jquery/jquery-1.4.2.min.js" />
然后,在我想调用页面片段的地方,我有:
<script type="text/javascript"><![CDATA[
$(document).ready(function() {
$("#addNewFragment").click(function() {
$.get("/app/fragments/target.page",function(data){$("#addFragmentLocation").before(data);});
});
});
]]></script>
在我希望片段出现的同一页面的下方,我有:
<span id="addFragmentLocation" />
我有一些 ID 为“addNewFragment”的元素,所以当我点击它时,jQuery 函数就会执行。
我有一个名为 FragmentController.java 的控制器。它采用以下形式:
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
@RequestMapping("/fragments/**")
@Controller
public class FragmentController {
// Add request mappings as you need to.
@RequestMapping(value = "/fragments/target.page", method = RequestMethod.GET)
public String getFragment(ModelMap modelMap, HttpServletRequest request, HttpServletResponse response) {
//Add model elements as you need to.
return "fragmentView";
}
}
最后,我在声明的views.xml 文件中有一个视图,它将“fragmentView”视图映射回实际的.jspx 页面。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE tiles-definitions PUBLIC
"-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN"
"http://tiles.apache.org/dtds/tiles-config_2_0.dtd">
<tiles-definitions>
<definition name="fragmentView" template="/WEB-INF/path/to/fragments/myNewPageFragment.jspx" />
</tiles-definitions>
顺便说一句,jspx 页面自然是基于 XML 的。jQuery 无法将 XML 插入基于 HTML 的 DOM。确保您从以下内容开始:
<div xmlns:jsp="http://java.sun.com/JSP/Page" >
<jsp:output omit-xml-declaration="yes"/>
<jsp:directive.page contentType="text/html; charset=ISO-8859-1" />
否则,你会得到一个神秘的 JavaScript 错误:
错误:未捕获的异常:[异常...“节点无法插入到层次结构中的指定点”代码:“3”nsresult:“0x80530003(NS_ERROR_DOM_HIERARCHY_REQUEST_ERR)”位置:“http://127.0.0.1:8080/path /to/jquery/jquery-1.4.2.min.js 行:113"]
希望这可以帮助!