URL : http://blog.csdn.net/javaacmer/article/details/8829621
jQuery如何接受Json:
看代码:
div:
<div >
<div id = "tt" style="float:left; display:block; margin:10px; overflow:auto; width:300px; height:400px;
border:solid 1px #CCC; line-height:21px; background:#FFF;">
<ul>
<s:iterator id="dedimensions" value="dedimensionslist" status="i">
<li onclick="treeclick(<s:property value="#dedimensions.pk_dedimensions" />)">
<a ><s:property value="#dedimensions.dedimensionsname" /></a>
</li>
<div id="<s:property value="#dedimensions.pk_dedimensions" />">
</div>
</s:iterator>
</ul>
</div>
</div>
JS:
<script type="text/javascript">
function treeclick(pk_father) {
var pk_father =pk_father;
var root = document.getElementById(pk_father);
$.ajax({
url : "/sgcc/dedimensions!dedimensionslist.do",
type : 'post',
data : "pk_dedimensions="+ pk_father ,
dataType : 'json',
success : function(responseText, textStatus, jqXHR) {
var list =responseText.children;
var htmlstr='';
for(var i=0;i<list.length;i++)
{
htmlstr =htmlstr+'---';
htmlstr =htmlstr+'<a οnclick="treeclick('+list[i].pk_dedimensions+');">';
htmlstr =htmlstr+list[i].dedimensionsname;
htmlstr =htmlstr+'</a>';
htmlstr = htmlstr+'<div id="'+list[i].pk_dedimensions+'"></div>';
htmlstr =htmlstr+'<br>';
}
root.innerHTML = htmlstr;
},
error : function() {
alertMsg.info("保存失败!");
}
});
}
</script>