如何返回AJAX查询的纯文本?

时间:2015-03-31 21:11:37

标签: ajax spring spring-mvc servlets single-page-application

我的基础是如何做到这一点on this Crunchify tutorial

我有一个单页面应用程序。

它有两个功能。它需要向HTTP servlet发送请求,该servlet将调用自己的java,并从中接收包含任何错误的JSON字符串/建议servlet接下来要做什么。

另一个功能是它从servlet中提示保存文件对话框。

问题是 - 我如何构建我的servlet,以便它返回一个纯文本HTTP响应以供AJAX查询检查。

我有一个很好的方法来做这个,我想要一个如何以更简单的方式实现同​​样的事情的建议。

的web.xml

   <servlet>
        <servlet-name>MyServlet</servlet-name>
        <servlet-class>
            org.springframework.web.servlet.DispatcherServlet
        </servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>MyServlet</servlet-name>
        <url-pattern>/submitQuery</url-pattern>     
          <url-pattern>/saveFile
    </servlet-mapping>

MyServlet-servlet.xml中

<?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.myservlets" />

    <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.myservlets;

@Controller
public class MyServlet{


    @RequestMapping("/submitQuery")
    public ModelAndView submitQuery()
    {       

        return new ModelAndView("text", "model", "hello world");
    }

}

/WEB-INF/jsp/text.jsp

{model}

的index.html

<html>
<head>
<script>
function myAjax()
{
         xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                alert(xmlhttp.responseText)
                /*do something with the http response*/
            }     

          }


     xmlhttp=new XMLHttpRequest();
     xmlhttp.open("GET", "submitQuery", true);
     xml.send();
}
</script>
</head>
<body>
    <button onclick="myAjax()">Click me</button>
</body>
</html>

我的理解是它的工作方式是在发送/submitQuery URI时,它被映射到MyServlet servlet。然后,servlet返回ModelAndView ViewName = text, ModelName = model

然后,调度程序重定向到/jsp/text.jsp(指定视图),在其上显示模型。最终呈现的输出将返回给AJAX对象,然后可以按原样访问它。

有更直接的方法吗?

3 个答案:

答案 0 :(得分:11)

是的,还有更直接的方法。

根据crunchify教程,您将返回ModelAndView对象。这就是你在text.jsp

上获得模型对象的原因
ModelAndView: It returning both model and view information from a controller. Holder for both Model and View in the web MVC framework. Note that these are entirely distinct. This class merely holds both to make it possible for a controller to return both model and view in a single return value.

More about ModelAndView

现在转到另一种需要返回纯文本的方式。

使用submitQuery()注释在控制器中注释您的@ResponseBody方法:

@RequestMapping(value="/submitQuery")
@ResponseBody
public String submitQuery() {
    return "Response";
}
  

可以将@ResponseBody放在方法上并指示返回   type应直接写入HTTP响应主体(而不是   放在模型中,或解释为视图名称)

在javascript中访问参数。

function myAjax()
{
    xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            alert(xmlhttp.responseText);
            console.log(xmlhttp.responseText);
        }
    }
    xmlhttp.open("GET", "submitQuery", true);
    xmlhttp.send();
}

答案 1 :(得分:4)

有一种更直接的方式,它涉及@ResponseBody。您可以通过执行以下操作跳过jsp渲染:

@RequestMapping(value = "/somestring", method = RequestMethod.GET)
public @ResponseBody
String getSomeString() {
    return "some string";
}

如果你想使用字符串以外的东西,你可以。该对象将被序列化为JSON。例如:

@RequestMapping(value = "/myobject", method = RequestMethod.GET)
public @ResponseBody
MyObject getSomeString() {
    return new MyObject("blah");
}

答案 2 :(得分:2)

请在下面找到一些观察结果:

  • 使用MyServlet注释的@Controller类不是servlet。它负责MVC设计模式的控制器方面。
  • 此处使用的唯一servlet是DispatcherServlet。它是面向所有基于Spring MVC的应用程序的前端servlet
  • 我建议重命名DispatcherServlet名称,因为MyServlet名称会让人觉得servlet是手写的

不,这不是关于实施方式的一轮。您遵循的步骤是使用Spring MVC的标准方法。

此博客文章提供了使用Spring MVC的示例Ajax实现: http://www.mkyong.com/spring-mvc/spring-mvc-jquery-autocomplete-example/