jquery动态显示数据中的数据,保证数据库可以随便添加ztree节点(递归)

jquery动态显示数据中的数据,保证数据库可以随便添加ztree节点(递归),第1张

要在js里面去后台获取节点数据,所有我用了ajax,但是是同步的不是异步的,json数据的格式[{id:’1’,pid:’0’,name:’1’},…………]。主页面indexjsp 我只说js代码,剩下的我相信大家能领会的看代码

1 var zTreeObj;

2 var zNodes;

3 var setting = {

4 check: {

5 enable: true,

6 chkStyle:"checkbox"

7 },

8 data: {

9 simpleData: {

10 enable: true

11 }

12 }

13 };

1获取DataSet

2转成DataTable

3

public static string DataTableToJson(DataTable dt)

{

StringBuilder jsonBuilder = new StringBuilder();

//jsonBuilderAppend("'

//jsonBuilderAppend(dtTableName);

jsonBuilderAppend("[");

for (int i = 0; i < dtRowsCount; i++)

{

jsonBuilderAppend("{");

for (int j = 0; j < dtColumnsCount; j++)

{

jsonBuilderAppend("\"");

jsonBuilderAppend(dtColumns[j]ColumnName);

jsonBuilderAppend("\":\"");

jsonBuilderAppend(dtRows[i][j]ToString());

jsonBuilderAppend("\",");

}

jsonBuilderRemove(jsonBuilderLength - 1, 1);

jsonBuilderAppend("},");

}

jsonBuilderRemove(jsonBuilderLength - 1, 1);

jsonBuilderAppend("]");

//jsonBuilderAppend("}"); //输出的要求不要'}'

return jsonBuilderToString();

}

4把Json字串Response出来

5获取Json字串

function load() //页面加载

{

$ajax({

type:"post",

url:"/Handler/LinkManHandlerashx",//从哪获取Json

data:"action=getLinkMan&id="+comId,//Ajax传递的参数

beforeSend:function(){

//获取之前显示 loading 或 正在加载

},

success:function(mess)

{

$("#divImage")hide();

if(mess!="]")// 如果获取的数据不为空

{

var type=eval(mess);

var str="<a>首页</a>"

for(var i=0;i<typelength;i++)

{

// *** 作type 获取东西

str+="<a>"+type[i]数据库字段名+"</a>

}

$("#divLinkMan")html(str);//把str嵌入div divLinkMan 中

}

else

{

var notfind="<h2>未找到数据<a href='/Mainhtm' target='_parent'>返回</a></h2>"

$("#divLinkMan")html(notfind);

}

},

complete:function()

{

//所有的都执行完后的方法

}

});

}

jquery是页面行为。要连接数据库要后台语言如asp,php。

在jQuery里有load()加载页=xxphp的,xxphp就是连接数据库和去找数据内容的,然后再返回。

以上就是关于jquery动态显示数据中的数据,保证数据库可以随便添加ztree节点(递归)全部的内容,包括:jquery动态显示数据中的数据,保证数据库可以随便添加ztree节点(递归)、jquery怎么把读取数据库的数据加载到table中、jQuery.get如何连接数据库等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9544630.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存