`

jquery异步请求返回json数据类型

 
阅读更多
JSP页面:
 $.get("/kcm/common/tree2getChild/",
                                {"id":id},
                                function(data){
                                    var html = makeHtml(data);
                                    //回调函数
                                },
                         "json");

 function makeHtml(data) {
            var str="";
            for(var i=0; i<data.length; i++) {
                var html="";
                var par=data[i].pId;
                var hasChild = data[i].hasChild;
                //alert(hasChild);
                
                html= "<tr id = '" + data[i].id +"'";
                //not root
                if(par != 0) {
                    html = html + " pId='" + par +"'";
                }
                if (hasChild != 0) {
                    html = html + " hasChild='true' ";
                }
                html = html + "><td></td><td>" + data[i].name +"</td></tr>";
                
                str += html;
            }
            //alert(str);
            return str;
         }


服务器端tree2getChild访问的方法:
    @Execute(validator = false)
    public String index() {

        String id = request.getParameter("id");

        try {
            if (id == null) {
                String strJson;
                strJson = JSONUtil.fromList(getRootList());

                wirteToResponse(response, strJson);
            } else {
                String strJson = JSONUtil.fromList(getChildList(id));
                wirteToResponse(response, strJson);
            }
        } catch (Throwable e) {
            e.printStackTrace();
        }

        return null;
    }

    public void wirteToResponse(HttpServletResponse response, String jsonObj) {
        PrintWriter out = null;

        response.setContentType("text/html;charset=utf-8");

        try {
            out = response.getWriter();
            out.print(jsonObj);
            out.flush();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            out.close();
        }
    }
分享到:
评论
3 楼 kobe1029 2012-06-28  
cccccccccccccccccc
2 楼 kobe1029 2012-06-28  
bbbbbbbbbbbbbbbbbbbb
1 楼 kobe1029 2012-06-28  
aaaaaaaaaaaaaaaaaaaa

相关推荐

    struts2+jquery执行ajax并返回json类型数据(源码)

    一个简单的demo,实现了struts2+jquery执行ajax异步请求并返回json类型数据的实例,代码中附有注释,简单易懂。 基于eclipse开发,导入到eclipse即可运行。

    Ajax异步请求JSon数据(图文详解)

    text和html都是处理比较简答的数据,而在编程过程中使用Ajax调用数据的时候,难免要进行逻辑的处理,接受的数据也变的复杂比如数组类型的数据,这时候就需要使用JSON数据类型进行处理,今天就说说,JSON数据请求过程...

    jquery-1.1.3 效率提高800%

    参数选项: async(true) 数据类型: Boolean 默认情况下,所有的请求都是异步发送的(默认为true)。 如果需要发送同步请求, 设置选项为false。注意,同步请求可能会暂时的锁定浏览器, 当请求激活时不能...

    jquery电子文档chm

    jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时...

    jQuery中$.ajax()和$.getJson()同步处理详解

    一、前言 为什么需要用到同步,因为有时候我们给一个提交按钮注册提交表单数据的时候,在提交动作之前会进行一系列的异步ajax请求操作,但是页面js代码会按顺序从上...async:默认设置为true,所有请求均为异步请求。同

    jQuery权威指南-源代码

    6.1.3 jQuery中的全局函数getJSON()/164 6.1.4 jQuery中的全局函数getScript()/166 6.1.5 jQuery中异步加载XML文档/168 6.2 请求服务器数据/170 6.2.1 $.get()请求数据/170 6.2.2 $.post()请求数据/172 6.2.3...

    JQuery权威指南源代码

    get实现异步获取xml文档数据 $.get发送请求 $.post发送请求 serialize()序列化表单 $.ajax()方法发送请求 第7章 validate验证插件 form表单插件 cookie插件 autocomplete插件 notesforlightbox插件 ...

    java6_chapter912_ajax_jquery2019-8-21.zip

    第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送Ajax请求 html 实现html类型传递数据的步骤: 1.管理员登录成功直接进入管理员list.jsp页面,这个页面是发送ajax请求的页面 2.管理员首页...

    jquery插件使用方法大全

    第一个参数是异步请求的url,第二个为参数,第三个回调方法。 (4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。 (5)同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。 var ...

    超实用的jQuery代码段

    8.19 取消AJAX异步请求 第9章 jQuery常用算法 9.1 jQuery遍历算法 9.2 jQuery祖先算法 9.3 jQuery后代算法 9.4 jQuery同胞算法 9.5 jQuery过滤算法 9.6 对一个列表进行排序 9.7 实现JSN对象数组的排序 9.8 将...

    ajax异步留言

    主要用aspx文件请求 还可以用ashx处理 ajax返回类型也很多 如: dataType: "xml", dataType: "json", 其实可区分为三种 Text:“text/plain“; XML:“application/xml“; JSON:“application/json“. dataType...

    Jquery Ajax解析XML数据(同步及异步调用)简单实例

    代码如下:$.ajax({ async: true, /... type: “POST”, // 默认:GET 请求方式:[POST/GET] dataType: “xml”, //默认[“xml”/”html”] 返回数据类型:[“xml” / “html” / “script” / “json” / “jsonp”] u

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    javascript jQuery $.post $.ajax用法

    jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对...

    jQuery权威指南366页完整版pdf和源码打包

    6.1.2 jquery中的load()方法 6.1.3 jquery中的全局函数getjson() 6.1.4 jquery中的全局函数getscript() 6.1.5 jquery中异步加载xml文档 6.2 请求服务器数据 6.2.1 $.get()请求数据 6.2.2 $....

    ajax经典怎样传输数据

    dataType: "xml", //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"] url: "Test.ashx", // 默认当前地址,发送请求的地址 data: { key: "value" }, // 发送到服务器的数据 ...

    Asp.net下使用Jquery Ajax传送和接收DataTable的代码

    服务器再把GridView反构造成DataTable, 再给DataTable增加一行之后... 2)精简异步请求数据的大小 ; 3)解决数据量较大时,数据发送与接收繁琐的问题。 既然好处这么多,我们上代码吧。 前台代码: 代码如下: &lt;htm

    项目5

    281项目5学习成果构建一个将电话号码存储在MongoDB(CRUD应用程序)中的RESTful Web服务构建一个RESTful Web服务,将待办事项列表项存储在MongoDB(CRUD应用程序)中了解如何... 使用jQuery异步发布AJAX请求使用Postm

    基于SpringBoot框架搭建的物联网数据采集系统服务器端(源码+项目说明).zip

    * data: 请求成功时响应的数据,为Object类型,可以是任何类型的数据。data的具体json的格式可参考domain包中的实体类结构。 ### 提供API #### 0. 测试 |功能|请求uri|请求方式|请求参数| |----|------|--------|-...

    python入门到高级全栈工程师培训 第3期 附课件代码

    07 Python条件语句和基本数据类型 08 Python while循环语句以及练习题 09 练习题讲解 第10章 01 上节内容回顾以及补充 02 上周作业实现 03 Pycharm的安装和使用 04 Python 运算符 05 Python 运算符以及总结 06 ...

Global site tag (gtag.js) - Google Analytics