`

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

相关推荐

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    1. jQuery的AJAX方法:在文章中,通过使用jQuery提供的$.ajax()方法来发起异步请求。这个方法允许我们指定请求的类型(如GET或POST)、URL地址、传递的数据以及当请求成功时如何处理返回的数据。 2. 后台数据的返回...

    json数据jquery异步示例

    以上就是关于"json数据jquery异步示例"的相关知识点,涵盖了JSON数据的创建、传输、解析以及jQuery中的异步操作和事件处理。在实际应用中,还需要考虑性能优化、安全性等问题,确保数据交互的高效和安全。

    jQuery-ajax-用户名异步请求

    `dataType`指定预期的服务器响应类型,这里设为JSON,意味着服务器应返回一个JSON格式的对象。 在`success`回调中,我们处理服务器返回的成功响应。如果`response.available`为真,表示用户名可用;反之,表示已被...

    详谈 Jquery Ajax异步处理Json数据.

    通过以上的知识点,可以了解到在Jquery Ajax异步处理JSON数据的过程中,开发者需要了解前端如何发送请求、指定期望的响应数据类型、以及如何在回调函数中处理服务器返回的JSON格式数据。这种机制使得Web应用可以提供...

    jQuery读取json数据

    在这个例子中,`url`是服务器端接口的地址,`type`是请求类型,`dataType`指定我们期望服务器返回的数据类型为JSON。`success`回调函数会在请求成功并接收到数据时被调用,`data`参数就是解析后的JSON对象。`error`...

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

    在本例中,jQuery的`$.ajax()`方法用于发起异步请求,获取服务器端的数据。 Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下更新部分网页内容的技术。在jQuery中,`$.ajax()`函数提供了一...

    jquery的ajax异步请求接收返回json数据实例

    在JavaScript的世界中,jQuery库极大地简化了与服务器端交互的过程,特别是对于异步请求(Ajax)和处理返回的JSON数据。本篇文章将深入探讨如何使用jQuery的`$.ajax`方法来实现异步请求并接收JSON数据。 首先,JSON...

    springmvc + jquery + ajax + json 异步传递数据

    在前端,通过jQuery的$.ajax或者$.getJSON方法发起异步请求。这些方法允许我们指定URL、请求类型(GET或POST)、数据以及回调函数,以处理服务器返回的数据。JSON数据通常在回调函数中解析,然后可以更新DOM元素,...

    SSH1,JQuery的ajax返回json二维数组处理过程

    在示例中,返回的JSON数据是一个二维数组,形如`[{key,val},{key,val},{key,val}]`。这种格式表示一个数组,其中每个元素本身又是一个键值对的对象。在JavaScript中,可以方便地遍历和操作这些数据。 在JQuery中,...

    JQuery访问Webservice返回JSON+复合类型+集合

    本篇文章将详细讲解如何使用jQuery访问Web服务并处理返回的JSON数据,特别是涉及复合类型和集合的情况。这对于构建跨平台应用,如Android的PhoneGap框架与服务器交互,尤其重要。 首先,理解jQuery的核心概念。...

    用jquery解析JSON数据的方法20110227

    当服务器返回JSON字符串,而jQuery异步请求没有指定数据类型或以字符串形式接收时,我们可以使用`eval()`函数将其转换为JavaScript对象。但请注意,`eval()`是危险的,因为它可以执行任何JavaScript代码,可能导致...

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

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

    jQuery Ajax异步处理Json数据详解

    charset=utf-8'`,这是因为我们需要告知服务器我们发送的数据类型。此外,由于 ASMX 默认返回的 JSON 数据包裹在 `d` 对象内,所以在成功回调函数中,我们访问数据时需要使用 `data.d.demoData`。 总结来说,...

    jQuery+json异步实现JSP和struts2之间的数据传递

    这个例子展示了如何通过jQuery向Struts2 Action发送异步请求,Action返回JSON数据,然后在前端解析并使用这些数据。在实际应用中,这样的数据交互方式可以实现动态加载、表单验证、页面更新等多种功能,提高用户体验...

    Java通过jQuery实现ajax异步请求

    综上所述,"Java通过jQuery实现ajax异步请求"的示例工程涵盖了客户端与服务器端的交互流程,包括使用jQuery发起AJAX请求、Java后端处理请求并返回数据,以及数据格式的转换和错误处理。了解并掌握这些知识点,对于...

    jQuery_Ajax_Json全解析

    jQuery内置了对Ajax的支持,简化了异步请求的编写。主要的Ajax方法有: 1. **$.ajax()**:这是最全面的Ajax方法,可以自定义各种参数,如URL、类型(GET或POST)、数据、回调函数等。 2. **$.get()**和**$.post()**...

    JQuery+json+ashx异步请求分页

    本主题将深入探讨如何使用JQuery、JSON和ASHX处理异步请求实现分页功能。 JQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和AJAX交互。在分页场景中,JQuery主要负责监听用户操作,如点击分页按钮,...

    Jquery.json.js

    使用`dataType: 'json'`参数指定返回数据类型为JSON: ```javascript $.ajax({ url: 'data.json', dataType: 'json', success: function(data) { console.log(data); } }); ``` **jQuery.parseJSON()和JSON....

    Struts2+Jquery实现ajax并返回json类型数据

    以上就是使用Struts2和jQuery实现Ajax请求并返回JSON数据的基本流程。通过这种方式,我们可以在不刷新整个页面的情况下,实现数据的异步加载和动态更新,提高用户体验。在实际项目中,可能还需要考虑错误处理、数据...

    struts2.1.8.1+jquery1.4.2返回json数据

    总结以上,Struts2.1.8.1和jQuery1.4.2的结合使用,允许开发者创建异步Web应用,通过Ajax请求获取和显示JSON数据,提高用户体验。通过理解和熟练运用这些知识点,可以构建出高效、响应式的Web应用程序。在实际开发中...

Global site tag (gtag.js) - Google Analytics