zoukankan      html  css  js  c++  java
  • Ajax获取返回值通过out.print()传递json数据,达到局部刷新

    1,写AJax,Controller除了用return传值,还可以用JSP九大内置对象之一的out来传递。

    2,Controller给Jsp使用out.print()传递数据,需要现在Controller里将数据转成json字串,在Jsp的js语句中调用时候需要将json字串转为对象。

    controller

     @RequestMapping(value ="ajaxtest")
        public void ajaxtest(String towards, HttpServletResponse response) throws IOException {
            response.setCharacterEncoding("utf-8");//如果不加此行,中文编码会乱码
            List<Fangyuan> list=fangyuanservice.showByTowards(towards);
            PrintWriter out = response.getWriter();
            String str = JSON.toJSONString(list);//将list转化为JSON字符串
            out.print(str);
            out.close();
        }

    Jsp中AJax

        function btnfun2() {
            $.ajax({
                url: "ajaxtest",    //controller,处理数据的地址
                type: "POST", //请求方式
                data: {"towards": "南"}, //需要上传的数据
                success: function (list) {    //请求成功
                    myhtmlset='';
                    //例遍对象数组,同时使用成员变量内容
                    $.each( JSON.parse(list), function(index, it){//JSON.parse(list)由JSON字符串转换为JSON对象
                        myhtmlset+="<div id=\"myajax\">\n" +
                            "  <div class=\"zu-itemmod\" style=\"height: 230px\" link=\"/UserFY?id="+it.id+"\">test</div>\n" +
                            "     </div>";
                    });
                    $("#myajax").html(myhtmlset);//局部刷新
                },
                error: function () {
                    alert("出错啦...");
                },//表示如果请求响应出现错误,会执行的回调函数
            });
        }

    Jsp中调用函数

    <a href="javascript:void(0);"  onclick="btnfun2()">朝阳</a>
  • 相关阅读:
    Quartz.Net系列(二):介绍、简单使用、对比Windows计划任务
    Quartz.Net系列(一):Windows任务计划程序
    Linux下swap到底有没有必要使用
    Linux服务器有大量的TIME_WAIT状态
    HTTP请求头中的X-Forwarded-For介绍
    Keepalived实现服务高可用
    Gitlab常规操作
    Git 常用命令
    HTTP常见状态码
    《Docker从入门到跑路》之多阶段构建
  • 原文地址:https://www.cnblogs.com/lumc5/p/15793517.html
Copyright © 2011-2022 走看看