关于.cs后台返回一个JSON 然后JS怎么调用

关于.cs后台返回一个JSON 然后JS怎么调用,第1张

解决方案:

1、需要用eval函数将返回的串转化成可用的strig串,eval(data),但是因为原串里面是以{}开始和结束的,会被认为是可执行方法,因此需要加上()包围起来,var jsonobj=eval("("+data+")"),然后再alert("ID:" + jsonobjid + "\nName:" + jsonobjname);就能正常显示了

2、获取的时候就直接表示返回的是json格式,用$getJSON代替$get,其他代码不变,也能正常获取。

1首先需要用script引入jquery和easyui文件。如图所示:

2html页面设置如下:

data-options里面设置的属性可根据需要自己定义,是否单选,是否设置分页等等。

3引入easyui的css样式。

4用ajax方法加载出数据

注意:在成功以后的回调函数中给页面id为dg的盒子绑定数据。

5配置datagrid方法:

function fLoadTable(){

$('#dg')datagrid({

title: '用户列表',

width: 700,

height: 300,

fitColumns: true,

//对应json数据中的每一列

columns : [ [ {

field : 'id', //每一列的名字

width : '100',

title:'ID',

checkbox:true

},{

field : 'flag',

title : '职位',

width : '100',

align : 'center'

}, {

field : 'userName',

title : '姓名',

width : '100',

align : 'center',

},{

field : 'gender',

title : '性别',

width : '100',

align : 'center',

},{

field : 'email',

title : '邮箱',

width : '100',

align : 'center',

}

] ],

idField:'id',

loadMsg:'Processing, please wait …',

pagination:true 

});

}

6最后调用这两个函数。

7效果截图

下面是我的json数据:

很简单···你struts2是哪个版本的,高于216的,有一个struts2-json-plugin-218jar的插件包,放入lib后;你要做现实菜单就必须在后台创建一个tree的class,内容是这样的

/树节点ID/

private String id;

/树节点名称/

private String text;

/图标/

private String cls;

/是否叶子/

private boolean leaf;

/链接/

private String href;

/链接指向/

private String hrefTarget;

/是否展开/

private boolean expandable;

/描述信息/

private String description;

然后将数据中的数据存入这个类的对象,再把得到的对象加入到一个javautilList treeList中,然后在action里面将treeList转换成json,方法是这样的

JSONArray jsonArray = JSONArrayfromObject(treeList);

getResponse()setCharacterEncoding("utf-8");

getResponse()getWriter()println(jsonArraytoString());

,可能说的有点马虎,有不理解的可以再追问。

以上就是关于关于.cs后台返回一个JSON 然后JS怎么调用全部的内容,包括:关于.cs后台返回一个JSON 然后JS怎么调用、求教将后台返回的JSON数据填充到表格的问题、用extjs4做tree,结合struts,spring 查询数据库后返回json数据,并显示数据树,应该怎么做等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/sjk/10186850.html

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

发表评论

登录后才能评论

评论列表(0条)

保存