在JSP页面中使用JQuery从另一个文件加载HTML的一部分会产生404 Not Found错误

Question

I have used JQuery to load the small part of my JSP page but I am getting 404 Not Found error . I have placed the home.jsp with sample.jsp . I have written a html form in sample.jsp file and have loaded the same file to a div in home.jsp using load() method of JQuery.

---

home.jsp

 <div id="app"></div> <script type="text/javascript"> $(function() { $( "#app" ).load( "templates/form-signin.html" ); }); </script> 

Answer 1

Check the URL which gives you 404 in the network tab of your browser's developer options. Then check if you can open it manually. You'll probably get a 404 this way too. Make sure the file is accessible on that URL and adjust the location/server settings/url accordingly.

Answer 2

Ok, I solved it. Instead of a JQuery load() call, I have created an API that serve that sample.jsp file with a HTML form inside the div of home.jsp.

---

home.jsp

 <div id="app"></div> <script type="text/javascript"> $(function() { $( "#app" ).empty(); $.ajax({ type: "GET", url: "http://localhost:8080/appname/loginform", cache: false, success: function(data){ $("#app").append(data); } }); }); </script> 

---

Now the above API call with return that form and it will display inside div tag. It works find whether the sample.jsp is in views folder or inside views/templates folder.

Thank you all for your help.