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();
}
}
分享到:
相关推荐
一个简单的demo,实现了struts2+jquery执行ajax异步请求并返回json类型数据的实例,代码中附有注释,简单易懂。 基于eclipse开发,导入到eclipse即可运行。
text和html都是处理比较简答的数据,而在编程过程中使用Ajax调用数据的时候,难免要进行逻辑的处理,接受的数据也变的复杂比如数组类型的数据,这时候就需要使用JSON数据类型进行处理,今天就说说,JSON数据请求过程...
参数选项: async(true) 数据类型: Boolean 默认情况下,所有的请求都是异步发送的(默认为true)。 如果需要发送同步请求, 设置选项为false。注意,同步请求可能会暂时的锁定浏览器, 当请求激活时不能...
jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时...
一、前言 为什么需要用到同步,因为有时候我们给一个提交按钮注册提交表单数据的时候,在提交动作之前会进行一系列的异步ajax请求操作,但是页面js代码会按顺序从上...async:默认设置为true,所有请求均为异步请求。同
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...
get实现异步获取xml文档数据 $.get发送请求 $.post发送请求 serialize()序列化表单 $.ajax()方法发送请求 第7章 validate验证插件 form表单插件 cookie插件 autocomplete插件 notesforlightbox插件 ...
第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送Ajax请求 html 实现html类型传递数据的步骤: 1.管理员登录成功直接进入管理员list.jsp页面,这个页面是发送ajax请求的页面 2.管理员首页...
第一个参数是异步请求的url,第二个为参数,第三个回调方法。 (4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。 (5)同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。 var ...
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 将...
主要用aspx文件请求 还可以用ashx处理 ajax返回类型也很多 如: dataType: "xml", dataType: "json", 其实可区分为三种 Text:“text/plain“; XML:“application/xml“; JSON:“application/json“. dataType...
代码如下:$.ajax({ async: true, /... type: “POST”, // 默认:GET 请求方式:[POST/GET] dataType: “xml”, //默认[“xml”/”html”] 返回数据类型:[“xml” / “html” / “script” / “json” / “jsonp”] u
jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...
jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对...
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 $....
dataType: "xml", //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"] url: "Test.ashx", // 默认当前地址,发送请求的地址 data: { key: "value" }, // 发送到服务器的数据 ...
服务器再把GridView反构造成DataTable, 再给DataTable增加一行之后... 2)精简异步请求数据的大小 ; 3)解决数据量较大时,数据发送与接收繁琐的问题。 既然好处这么多,我们上代码吧。 前台代码: 代码如下: <htm
281项目5学习成果构建一个将电话号码存储在MongoDB(CRUD应用程序)中的RESTful Web服务构建一个RESTful Web服务,将待办事项列表项存储在MongoDB(CRUD应用程序)中了解如何... 使用jQuery异步发布AJAX请求使用Postm
* data: 请求成功时响应的数据,为Object类型,可以是任何类型的数据。data的具体json的格式可参考domain包中的实体类结构。 ### 提供API #### 0. 测试 |功能|请求uri|请求方式|请求参数| |----|------|--------|-...
07 Python条件语句和基本数据类型 08 Python while循环语句以及练习题 09 练习题讲解 第10章 01 上节内容回顾以及补充 02 上周作业实现 03 Pycharm的安装和使用 04 Python 运算符 05 Python 运算符以及总结 06 ...