【发布时间】:2015-05-19 07:18:45
【问题描述】:
故事是这样的,我有一个单页应用程序,我想从 ajax 对象调用 servlet,并让从 servlet 返回的文本显示在我的网页上。
这是我如何做到这一点的示例:
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="jquery.js" type="text/javascript" ></script>
<script type="text/javascript">
function submittext() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "submit", true);
xmlhttp.send();
document.getElementById("myTextField").innerHTML = xmlhttp.responseText;
}
</script>
</head>
<body>
<input type="text" name="mytext" />
<br>
<button onClick="submittext()">Submit</button>
<br>
<div id="myTextField"></div>
</body>
</html>
web.xml
<servlet>
<servlet-name>testdogservlet</servlet-name>
<servlet-class>
org.springframework.web.servlet.DispatcherServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>testdogservlet</servlet-name>
<url-pattern>/submit</url-pattern>
</servlet-mapping>
testdogservlet-servlet
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
xmlns:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-4.0.xsd">
<context:component-scan base-package="world.hello.mytest" />
<bean id="viewResolver"
class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="viewClass"
value="org.springframework.web.servlet.view.JstlView" />
<property name="prefix" value="/WEB-INF/jsp/" />
<property name="suffix" value=".jsp" />
</bean>
</beans>
MyServlet.java
package world.hello.mytest;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
@Controller
public class MyServlet {
private String savedText;
@RequestMapping("/submit")
public ModelAndView submitText()
{
return new ModelAndView("text", "barModelName", "submission successful ModelObject");
}
}
text.jsp
${barModelName};
此解决方案运行良好。单击提交按钮,它会将 div 内容更改为 text.jsp 中包含的文本。
问题是,将整个页面专门用作保存此文本的容器似乎是多余的。这样做有没有更整洁的解决方案?
【问题讨论】:
标签: ajax spring http servlets single-page-application