ssm+ajax查询数据库无反应

哥哥们,教教我怎么用ajax吧

这是Admin.jsp界面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>管理员界面</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('getButton').click(getDemo);
        });

        function getDemo(){
            $.ajax({
                url:'/resultMap',
                type:'get',
                dataType:'json',
                success:function(data){
                    console.log(data);
                    for(var i=0;i<data.length;i++){
                        $('getResult').append(data.age+','+data.name+','+data.price+'<br>');
                    }
                },
                error:function(){
                    alert('出现错误');
                }
            });
        }

    </script>
  </head>

  <body>
    <input type="button" id="getButton" value="管理用户">
    <p id="getResult"></p>
    </body>

然后是controller层

    @RequestMapping(value="/returnMap",produces="text/heml;charset=UTF-8;")
    @ResponseBody
    public String returnMap(){
        Map map1 = new HashMap();
        map1.put("user_id","1001");
        map1.put("username","李俊成");
        map1.put("password","男");
        Map map2 = new HashMap();
        map2.put("user_id","1002");
        map2.put("username","伍天秀");
        map2.put("password","女");
        String json=JSONArray.toJSONString(map1);
        System.out.println(json);
        return json;
    }

这也是从网上抄的代码,部署到tomat以后点击这个按钮没反应,controller层的方法也没有运行,今天刚接触的ajax,对这个东西不了解
目的是点一下这个按钮,然后能查询出数据库的一个user表的所有内容,不刷新界面直接显示user表并且进行增删改操作,现在都还没带上数据库呢...有哥哥能给个思路指点迷津吗,或者不用ajax也行,只要能达到这个目标就可以了,求指点

3个回答

ajax里的url写的是/resultMap,控制层@RequestMapping(value="/returnMap"

qq_42862184
Mr_sswen emm...这里因为我打了两套代码没改过来,现在我试了一下url为url:"/returnMap",@RequestMapping为@RequestMapping(value="/returnMap")也是没反应
11 个月之前 回复

url:'/resultMap' 把域名端口啥的都加上“localhost:8080/resultMap”,然后controller层加上@CrossOrigin,完成ajax跨域请求

已解决,问题出在 for(var i=0;i<data.length;i++)这,不知道为什么json对象的length不能获取到,把i<data.length换成一个常数就行了,具体原因在日后的学习中再探究

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问