All geek questions in one place

Load the JSP file in Javascript to implement fragments

I am working with SringMVC and I am looking for an easy solution to load the JSP into the div field of another JSP file. I heard about using Tiles, but I would rather use ajax / jquery. Can someone help me with this? I am trying to get this work to work for two days ... My current approach looks something like this:

$(document).ready(function() { var html = '<jsp:include page="searchSites.jsp"/>'; $('#contentbox').load(html); });

But that throws the error "Uncaught SyntaxError: Unexpected ILLEGAL token" in the second line. I also tried c: import, but this does not work either. Thank you so much for your help!

Edit:

 @Controller @RequestMapping("/search") public class SearchController { @Autowired private SiteService siteService; @Autowired private SystemService systemService; @RequestMapping(value = "") public String displaySearch(Model model) { return "displaySearch"; } @RequestMapping(value = "sites", method = RequestMethod.POST ) public String displaySites(Model model, @RequestParam String searchStr) { List<RSCustomerSiteViewDTO> sites = siteService.getSitesByName(searchStr); model.addAttribute("sites", sites); return "searchSites"; } @RequestMapping(value = "systems", method = RequestMethod.POST) public String displaySystems(Model model, @RequestParam String searchStr) { List<RSServicedSystemViewDTO> systems = systemService.getSystemsByName(searchStr); model.addAttribute("systems", systems); return "searchSystems"; } }

displaySearch.jsp

 <html> <head> <title>Site</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <link rel="stylesheet" href="<c:url value="resources/css/style.css" />" /> <script> $(document).ready(function() { var html = '/crsp/search/sites'; $('#contentbox').load(html); }); </script> </head> <body> <div id="content"> <div id="searchdiv"> <form method="POST" action="search/sites"> <input type=text name=searchStr placeholder="Search Site..." id="searchSite" class="search" /> </form> <form method="POST" action="search/systems"> <input type=text name=searchStr placeholder="Search System..." id="searchSystem" class="search" /> </form> </div> <div id="contentbox"> </div> </div> </body> </html>

searchSites.jsp

 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ page session="false"%> <table> <tr id="header"> <td>Name</td> <td>Customer</td> <td>City</td> <td>Region</td> </tr> <c:forEach var="site" items='${sites}' varStatus="loopStatus"> <tr class="${loopStatus.index % 2 == 0 ? 'even' : 'odd'}"> <td>${site.siteName}</td> <td>${site.customerName}</td> <td>${site.siteCity}</td> <td>${site.regionName}</td> </tr> </c:forEach> </table>

Edit: I walked closer. I have to dismiss something similar from the forms instead of the action that I have received so far, then it will work: Suggestions?

 function searchSites(searchStr) { $.ajax({ type: "POST", url: "sites?searchStr=", success: function(data) { $("#contentbox").html(data); } }); }
+4
source share
2 answers

You must remove the JSP tag.

 var html = 'searchSites.jsp'; $('#contentbox').load(html);
+1
source

The download method must be provided with a URL that matches the mapping to one of your controller methods.

controller

 @Controller @RequestMapping("/site") public class MyController{ @RequestMapping("/search") public String getFragment(){ return "fragment"; } }

Javascript

 $(document).ready(function() { var html = "/contextRoot/site/search"; //you may need to use jstl c:url for this $('#contentbox').load(html); });

Config

Please note that in this example, it is assumed that you have the ViewResolver setting in the manager configuration file, and in the root of the WEB-INF directory there is a fragment.jsp file:

 <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/" /> <property name="suffix" value=".jsp" /> </bean>

The basic concept of request processing in Spring MVC is that the request is "somehow" mapped to a controller method. Spring MVC provides various ways to execute this URL, such as request, availability of parameters, parameter values, etc. But basically it comes down to which controller / method should handle this request. This is most often done using @RequestMapping .

After the method is detected, data is bound, which means that the request parameters are passed to the method as arguments. Once again, there are various ways to map parameters to arguments, including path variables, modelattributes, etc.

Next, the body of the method is executed, this is pretty much the custom, and you provide an implementation.

The next part is where you seem to be stuck. The following controller method tells Spring which view should be displayed. Once again, there are many ways to do this, but one of the most common is to return a String at the end of your method that matches the view (.jsp). Typically, a resolver is registered to avoid hard-coding the view file name in the returned String . The returned String resolved by the ViewResolver , and the associated view is returned.

To answer your next question, if you want to serve displaySearch.jsp after processing the request for search/systems , you simply return that view name.

 @RequestMapping(value = "systems", method = RequestMethod.POST) public String displaySystems(Model model, @RequestParam String searchStr) { List<RSServicedSystemViewDTO> systems = systemService.getSystemsByName(searchStr); model.addAttribute("systems", systems); return "displaySearch"; }
+1
source

Source: https://habr.com/ru/post/1488037/

More articles:


All Articles