关于转换成json字符串的误区

最新推荐文章于 2021-07-22 12:38:13 发布

sunvsjay1890

最新推荐文章于 2021-07-22 12:38:13 发布

阅读量335

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/sunvsjay1890/article/details/8163082

本文详细介绍了如何使用JavaScript动态加载数据至ZTree组件，包括AJAX请求、JSON数据处理及ZTree初始化配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<script language="JavaScript">
	var treeNodesA = [    
    {id:101, pId:0, name:"test1"},    
    {"id":102, "pId":101, "name":"test11"},    
    {"id":12, "pId":1, "name":"test12"},    
    {"id":111, "pId":11, "name":"test111"}   
	]; 
	var setting = {   
	    isSimpleData : true,              //数据是否采用简单 Array 格式，默认false   
	    treeNodeKey : "id",               //在isSimpleData格式下，当前节点id属性   
	    treeNodeParentKey : "pId",        //在isSimpleData格式下，当前节点的父节点id属性   
	    showLine : true,                  //是否显示节点间的连线   
	    checkable : true                  //每个节点上是否显示 CheckBox   
	};
	
	var zTree;   
	var treeNodes;   
	
	$(document).ready(function(){   
	    $.ajax({   
	        async : false,   
	        type: 'post',  
	        url:"sbusi-laws-main!selectCatalogTree.action",//请求的action路径   
	        error: function () {//请求失败处理函数   
	            alert('请求失败');   
	        },   
	        success:function(data){ //请求成功后处理函数。 
	        	//alert(treeNodesA);
	            treeNodes = data;   //把后台封装好的简单Json格式赋给treeNodes 
	        }   
	    }); 
	   
			/*var resultValue=$.ajax({
				 async: false,
				 type: "POST",
				 url: "sbusi-laws-main!selectCatalogTree.action",
				 success : function(data){//json对象
				 }
			}).responseText;
			alert(resultValue);
		  var resultValueObj=eval("("+resultValue+")");
		   alert(resultValueObj);*/
		var resultValueObjA=eval("("+treeNodes+")");
	    zTree = $("#codeTree").zTree(setting, resultValueObjA);   
	});  
	</script>

误区

List<Notebook> list

可以JSONArray.fromObject(list).toString(); 因为有键值关系

List<StringBuffer>

不能用 JSONArray 因为没有键值关系

$(document).ready(function(){   
	    $.ajax({   
	        async : false,   
	        type: 'post',  
	        dataType;'json',//&&&&&&&&&&&&&&&&误区
	        url:"sbusi-laws-main!selectCatalogTree.action",//请求的action路径   
	        error: function () {//请求失败处理函数   
	            alert('请求失败');   
	        },   
	        success:function(data){ //请求成功后处理函数。 
	        	//alert(treeNodesA);
	            treeNodes = data;   //把后台封装好的简单Json格式赋给treeNodes 
	        }   
	    });

dataType:'json',//&&&&&&&&&&&&&&&&误区

	<script language="JavaScript">
	var ztreeMold;
	var setting = {   
	    isSimpleData : true,              //数据是否采用简单 Array 格式，默认false   
	    treeNodeKey : "id",               //在isSimpleData格式下，当前节点id属性   
	    treeNodeParentKey : "pId",        //在isSimpleData格式下，当前节点的父节点id属性   
	    showLine : true,                  //是否显示节点间的连线   
	    checkable : false                  //每个节点上是否显示 CheckBox   
	};
	
	var treeNodes;   
	$(document).ready(function(){   
			var resultValue=$.ajax({
				 async: false,
				 type: "post",
				 url: "sbusi-laws-main!selectCatalogTree.action",
				 success : function(data){//json对象
				 }
			}).responseText;
		  var resultValueObj=eval("("+resultValue+")");
	   	ztreeMold= $("#codeTree").zTree(setting, resultValueObj); 
		selectAndExpand();  
	});  
		
		
	
	/*
	 *默认选中并展开节点
	 */
	 function selectAndExpand(){
	 	alert("12344");
	 	var tId="codeTree_1";//第一个种类
	 	var	treeNode = ztreeMold.getNodeByTId(tId);
	 	alert(treeNode);
	 	ztreeMold.selectNode(treeNode);
	 	ztreeMold.expandNode(treeNode,true,false,true);
	 }
	</script>