function pageselectCallback(page_id, jq){
$("table[id=tabid] div").html("");
$.getJSON("http://localhost:8088/JQuery/data.do",showDataFun);
}
function showDataFun(data){
var datas = data.jobs;
for(var i=0;i<datas.length;i++){
$("#div" + i%4).append("<ul><a onclick=\"onNodeClick(this);return false;\" name=\""+
datas[i].name+"\" id=\""+datas[i].age+"\" herf=\""+datas[i].age+"\">"+
datas[i].name+"</a></ul>");
$("#test" + i%4).append("<ul><a onclick=\"onNodeClick(this);return false;\" name=\""+
datas[i].name+"\" id=\""+datas[i].age+"\" herf=\""+datas[i].age+"\">"+
datas[i].name+"</a></ul>");
}
}
function onNodeClick(obj){
$("table[id=tabid] div").html("");
var nodeID = obj.id;
var nodeName = obj.name;
alert($("#"+nodeID).attr("href"));
$("#linkID").append("<a onclick=\"onNodeClick(this);return false;\" id=\""+
nodeID+"\" herf=\"#\">"+nodeName+"</a>");
$.getJSON("http://localhost:8088/JQuery/data.do?nodeID=5",showDataFun);
}
$("table[id=tabid] div").html("");
$.getJSON("http://localhost:8088/JQuery/data.do",showDataFun);
}
function showDataFun(data){
var datas = data.jobs;
for(var i=0;i<datas.length;i++){
$("#div" + i%4).append("<ul><a onclick=\"onNodeClick(this);return false;\" name=\""+
datas[i].name+"\" id=\""+datas[i].age+"\" herf=\""+datas[i].age+"\">"+
datas[i].name+"</a></ul>");
$("#test" + i%4).append("<ul><a onclick=\"onNodeClick(this);return false;\" name=\""+
datas[i].name+"\" id=\""+datas[i].age+"\" herf=\""+datas[i].age+"\">"+
datas[i].name+"</a></ul>");
}
}
function onNodeClick(obj){
$("table[id=tabid] div").html("");
var nodeID = obj.id;
var nodeName = obj.name;
alert($("#"+nodeID).attr("href"));
$("#linkID").append("<a onclick=\"onNodeClick(this);return false;\" id=\""+
nodeID+"\" herf=\"#\">"+nodeName+"</a>");
$.getJSON("http://localhost:8088/JQuery/data.do?nodeID=5",showDataFun);
}
本文介绍了如何使用jQuery实现从服务器获取数据,并将其展示到页面上。通过定义回调函数和处理JSON数据,实现数据的动态加载和显示。
8万+

被折叠的 条评论
为什么被折叠?



