springmvc中的ajax &json处理

最新推荐文章于 2023-07-03 09:07:16 发布

ctyz200818

最新推荐文章于 2023-07-03 09:07:16 发布

阅读量335

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ctyz200818/article/details/54994412

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、spring的ajax处理

1.加入jquery 1.11.3.min.js

2.index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
    <script type="text/javascript" src="js/jquery.1.11.3.min.js"></script>
    <script type="text/javascript">
   $(function () {
       $("#txtname").blur(function () {

	//提交地址：ajax.do；提交参数：name;回调函数
           $.post("ajax.do",{'name':$("#txtname").val()},function (data) {
               alert(data);
           })
       })
   })
   
    </script>
  </head>
  <body>
 用户名：<input type="text" id="txtname" />

2.处理类AjaxController

@RequestMapping("/ajax.do")
    public void ajax(String name, HttpServletResponse resp) throws IOException {
        if("sigy".equals(name)){
            resp.getWriter().print("true");
        }
        else{
            resp.getWriter().print("false");
        }
    }

3.效果

二、springMVC的ajax+json处理

1.先导入包

jackson-annotation-2.5.4.jar

jackson-core-2.5.4.jar

jackson-databind-2.5.4.jar

2.配置json转换器

 <!--  json配置 -->
	 <!-- 用于将对象转换为 JSON  -->  
    <bean id="stringConverter"  
        class="org.springframework.http.converter.StringHttpMessageConverter">  
        <property name="supportedMediaTypes">  
            <list>  
                <value>text/plain;charset=UTF-8</value>  
            </list>  
        </property>  
    </bean>  
    <bean id="jsonConverter"  
        class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"></bean>  
   
    <bean  
        class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">  
        <property name="messageConverters">  
            <list>  
                <ref bean="stringConverter" />  
                <ref bean="jsonConverter" />  
            </list>  
        </property>  
    </bean>

3.index.jsp

    $(function () {
        $("#btn").click(function () {
            /!* 请求地址，传参数，回调函数*!/
            $.post("json.do",function (data) {
              var html="";
                for(var i=0;i<data.length;i++){
                    html+="<tr><td>"+data[i].id+"</td><td>"+data[i].name+"</td><td>"+data[i].password+"</td></tr>";
                }
                $("#content").html(html);
            });
        });
    });

<input id="btn" value="获取数据" type="button">
  <table width="80%" align="center">
      <tr>
          <td>编号</td>
          <td>姓名</td>
          <td>密码</td>
      </tr>
      <tbody id="content"></tbody>
  </table>


4.处理类

 @RequestMapping("/json.do")
    @ResponseBody
    public List<User> json(){
        List<User> list = new ArrayList<>();
        list.add(new User(1,"aaa","123"));
        list.add(new User(2,"bbb","123"));
        list.add(new User(3,"ccc","123"));
        return list;
    }5.效果





注：ajax联合json返回的数据不仅可作为操作后的提示，如保存成功，修改成功等；还可作很多种处理，例如，返回list，则可循环取出，显示在页面上；或者是作为select的下拉数据

ctyz200818

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
springmvc中的ajax &json处理

一、spring的ajax处理1.加入jquery 1.11.3.min.js2.index.jsp $Title$ $(function () { $("#txtname").blur(function () { //提交地址：ajax.do；提交参数：name;回调函数 $.post("ajax.do",
复制链接

扫一扫