Я делаю эту точную вещь, используя 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" />
И у меня есть некоторый элемент с идентификатором«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 объявлено представление, которое отображает представление фрагмента обратно на фактическую страницу .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 в DOM на основе HTML.Убедитесь, что вы начинаете их с:
<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:
Ошибка: необработанное исключение: [Исключение ... ”Узел не может быть вставлен вуказанная точка в иерархии "code:" 3 "nsresult:" 0x80530003 (NS_ERROR_DOM_HIERARCHY_REQUEST_ERR) "location:" http://127.0.0.1:8080/path/to/jquery/jquery-1.4.2.min.js Строка: 113 "]
Надеюсь, это поможет!