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();
}
}
分享到:
相关推荐
1. jQuery的AJAX方法:在文章中,通过使用jQuery提供的$.ajax()方法来发起异步请求。这个方法允许我们指定请求的类型(如GET或POST)、URL地址、传递的数据以及当请求成功时如何处理返回的数据。 2. 后台数据的返回...
以上就是关于"json数据jquery异步示例"的相关知识点,涵盖了JSON数据的创建、传输、解析以及jQuery中的异步操作和事件处理。在实际应用中,还需要考虑性能优化、安全性等问题,确保数据交互的高效和安全。
`dataType`指定预期的服务器响应类型,这里设为JSON,意味着服务器应返回一个JSON格式的对象。 在`success`回调中,我们处理服务器返回的成功响应。如果`response.available`为真,表示用户名可用;反之,表示已被...
通过以上的知识点,可以了解到在Jquery Ajax异步处理JSON数据的过程中,开发者需要了解前端如何发送请求、指定期望的响应数据类型、以及如何在回调函数中处理服务器返回的JSON格式数据。这种机制使得Web应用可以提供...
在这个例子中,`url`是服务器端接口的地址,`type`是请求类型,`dataType`指定我们期望服务器返回的数据类型为JSON。`success`回调函数会在请求成功并接收到数据时被调用,`data`参数就是解析后的JSON对象。`error`...
在本例中,jQuery的`$.ajax()`方法用于发起异步请求,获取服务器端的数据。 Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下更新部分网页内容的技术。在jQuery中,`$.ajax()`函数提供了一...
在JavaScript的世界中,jQuery库极大地简化了与服务器端交互的过程,特别是对于异步请求(Ajax)和处理返回的JSON数据。本篇文章将深入探讨如何使用jQuery的`$.ajax`方法来实现异步请求并接收JSON数据。 首先,JSON...
在前端,通过jQuery的$.ajax或者$.getJSON方法发起异步请求。这些方法允许我们指定URL、请求类型(GET或POST)、数据以及回调函数,以处理服务器返回的数据。JSON数据通常在回调函数中解析,然后可以更新DOM元素,...
在示例中,返回的JSON数据是一个二维数组,形如`[{key,val},{key,val},{key,val}]`。这种格式表示一个数组,其中每个元素本身又是一个键值对的对象。在JavaScript中,可以方便地遍历和操作这些数据。 在JQuery中,...
本篇文章将详细讲解如何使用jQuery访问Web服务并处理返回的JSON数据,特别是涉及复合类型和集合的情况。这对于构建跨平台应用,如Android的PhoneGap框架与服务器交互,尤其重要。 首先,理解jQuery的核心概念。...
当服务器返回JSON字符串,而jQuery异步请求没有指定数据类型或以字符串形式接收时,我们可以使用`eval()`函数将其转换为JavaScript对象。但请注意,`eval()`是危险的,因为它可以执行任何JavaScript代码,可能导致...
text和html都是处理比较简答的数据,而在编程过程中使用Ajax调用数据的时候,难免要进行逻辑的处理,接受的数据也变的复杂比如数组类型的数据,这时候就需要使用JSON数据类型进行处理,今天就说说,JSON数据请求过程...
charset=utf-8'`,这是因为我们需要告知服务器我们发送的数据类型。此外,由于 ASMX 默认返回的 JSON 数据包裹在 `d` 对象内,所以在成功回调函数中,我们访问数据时需要使用 `data.d.demoData`。 总结来说,...
这个例子展示了如何通过jQuery向Struts2 Action发送异步请求,Action返回JSON数据,然后在前端解析并使用这些数据。在实际应用中,这样的数据交互方式可以实现动态加载、表单验证、页面更新等多种功能,提高用户体验...
综上所述,"Java通过jQuery实现ajax异步请求"的示例工程涵盖了客户端与服务器端的交互流程,包括使用jQuery发起AJAX请求、Java后端处理请求并返回数据,以及数据格式的转换和错误处理。了解并掌握这些知识点,对于...
jQuery内置了对Ajax的支持,简化了异步请求的编写。主要的Ajax方法有: 1. **$.ajax()**:这是最全面的Ajax方法,可以自定义各种参数,如URL、类型(GET或POST)、数据、回调函数等。 2. **$.get()**和**$.post()**...
本主题将深入探讨如何使用JQuery、JSON和ASHX处理异步请求实现分页功能。 JQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和AJAX交互。在分页场景中,JQuery主要负责监听用户操作,如点击分页按钮,...
使用`dataType: 'json'`参数指定返回数据类型为JSON: ```javascript $.ajax({ url: 'data.json', dataType: 'json', success: function(data) { console.log(data); } }); ``` **jQuery.parseJSON()和JSON....
以上就是使用Struts2和jQuery实现Ajax请求并返回JSON数据的基本流程。通过这种方式,我们可以在不刷新整个页面的情况下,实现数据的异步加载和动态更新,提高用户体验。在实际项目中,可能还需要考虑错误处理、数据...
总结以上,Struts2.1.8.1和jQuery1.4.2的结合使用,允许开发者创建异步Web应用,通过Ajax请求获取和显示JSON数据,提高用户体验。通过理解和熟练运用这些知识点,可以构建出高效、响应式的Web应用程序。在实际开发中...