在使用Easyui的表单提交的时候,经常需要返回Json 数据,可是有时 返回的是Json字符串,不是Json对象,
字符串中的数据无法读取。
解决这一问题,需要用到Jquery中的Json对象转换方法:$.parseJSON(str)
这一方法可以将格式正确的Json字符串,转换成Json对象,从而正确的读取其中的数据。
范例如下:
$(goods_type_form).form('submit', {
url : 'GoodsTypeAction!getQueryList.action',
dataType : 'text',
success : function(result) {
map = $.parseJSON(result);
alert(map);
alert(map.total);
alert(map.rows);
if (true) {
$('#goods_Type_Grid').datagrid('loadData', map); //将返回的数据绑定到datagrid
} else {
$.messager.alert('Info', "没有找到记录!", 'info');
}
}
});
json数据格式:result:{"total":1,"rows":[{"id":"M000005","name":"检测设备","sortid":3,"valid":"1","handler":"系统管理员","handledate":"Mar 6, 2012 12:25:25 AM"}]}
版权声明:本文为博主原创文章,未经博主允许不得转载。
分享到:
相关推荐
3. Ajax将表单数据封装成JSON对象,并发送到服务器端的Servlet。 4. Servlet接收到请求后,解析JSON数据,执行验证逻辑。 5. 如果验证通过,Servlet返回一个表示成功的JSON响应;否则,返回包含错误信息的JSON响应。...
在这个项目中,当用户在登录表单中输入信息并点击提交按钮时,EasyUI的Ajax功能会被触发,向Struts2的Action发送一个异步请求。Action接收到请求后,将用户名和密码传递给后台验证服务,这个服务可能是基于数据库或...
通常,我们会使用***的后端代码来处理数据,然后将结果以JSON格式返回给前端,由easyui控件消费这些数据。 在实现***返回JSON数据给easyui控件时,常见问题包括数据格式不正确或前后端的数据交互不顺畅等。比如,...
EasyUI 是基于jQuery的一个前端开发框架,它提供了丰富的UI组件,如对话框、表单、菜单、按钮等,帮助开发者快速构建用户界面。EasyUI 的API包括了组件的初始化、配置、方法调用等,使得页面布局和功能实现更加便捷...
3. **前端接收**:在HTML页面中,使用EasyUI的`data-options`属性指定图表配置,同时使用`$.ajax`或`$.get`方法从Servlet获取JSON数据。例如,对于柱状图: ```html ;height:400px;"> $(function(){ $.ajax({...
6. **服务器端交互**: EasyUI 使用 AJAX 进行前后端交互,通常采用 JSON 格式传递数据。你需要在服务器端编写对应接口,处理 CRUD 请求,返回 JSON 数据或者操作结果。记得处理跨域问题,如果需要的话。 7. **表单...
2. **数据格式**:EasyUI通常期望JSON数据以特定格式返回,例如,表格组件要求数据是数组形式,每个元素代表一行数据,元素内包含列对应的键值对。 3. **异步加载**:EasyUI组件支持异步加载数据,通过AJAX请求获取...
5. **视图(View)**:EasyUI作为视图层,使用JSON格式的数据从后端获取信息,渲染表格、表单等组件。例如,控制器返回一个包含所有记录的List对象,EasyUI会自动将其转化为表格展示。 6. **测试(TestEasyUI)**:...
【标题】"spring3mvc-jQuery-easyUI做的ajax版本用户管理系统" 提供了一个使用SpringMVC、jQuery和easyUI框架构建的Web应用程序实例,它着重于实现基于Ajax的用户管理功能。这个项目展示了如何将这三个强大的技术...
EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和易于使用的API,用于构建数据驱动的Web应用。这个“easyui增删改很好的例子”是一个实用的学习资源,展示了如何利用EasyUI来实现数据的添加、删除...
在登录系统中,AJAX允许用户在提交登录表单后,无需跳转页面即可获得反馈。它通过JavaScript发送异步HTTP请求到服务器,然后将返回的数据(通常是JSON格式)解析并更新DOM元素,展示登录成功或失败的消息。这样提高...
- JSON 数据格式:EasyUI 组件通常通过 AJAX 从后端获取 JSON 格式的数据,因此,了解如何在 Java 中生成和解析 JSON(例如使用 Jackson 或 Gson 库)是必要的。 - RESTful API 设计:Java 后端需要提供符合 REST ...
- **数据绑定**:如果使用 DataGrid 或 Tree 等组件,需要设置数据源,可以是静态 JSON 数据,也可以是动态加载的 AJAX 数据。 4. **扩展和自定义** - **主题定制**:EasyUI 提供多套预设主题,也可以自定义 CSS ...
在实际应用中,datagrid 通常通过 AJAX 与服务器进行通信,获取或提交数据,`datagrid_data.json` 可以帮助开发者在没有后端支持的情况下测试前端功能。 总的来说,`jquery-easyui-edatagrid` 提供了一个功能完备、...
这涉及到Ajax异步通信,利用jQuery的$.ajax或$.post方法,将表单数据提交到Java的Servlet或Controller,然后在服务端进行数据校验和持久化操作。 其次,树形图的实现通常需要Java后端返回JSON格式的数据,这些数据...
在这个项目中,Asp.net 作为后端开发平台,处理来自前端的请求,执行存储过程,与数据库进行交互,并返回 JSON 或 XML 数据给前端的 EasyUI 组件。 6. **存储过程**: 存储过程是预编译的 SQL 语句集合,存储在...
3. **数据绑定**:讲解如何使用EasyUI的DataGrid组件绑定到JSON或XML数据源,实现数据的动态加载和操作。 4. **窗口与对话框**:展示如何创建和使用窗口(Window)和对话框(Dialog),包括打开、关闭、大小调整、...
- **整合原理**:EasyUI 的数据通常通过 AJAX 从后端获取,SpringMVC 控制器可以处理这些请求,返回 JSON 数据供 EasyUI 组件渲染。 - **配置步骤**:设置 SpringMVC 的视图解析器,确保能够正确解析EasyUI的JSP...
7. **Ajax技术**:EasyUI经常与Ajax技术结合使用,实现异步数据交互,更新界面无需刷新整个页面,提升用户体验。 8. **布局管理**:EasyUI的Layout组件允许开发者创建复杂的页面布局,通过调整区域大小和位置,实现...
4. **数据绑定**:理解如何使用 JSON 数据或者服务器端数据源与 EasyUI 组件进行数据绑定,包括 AJAX 调用和 JSONP 支持。 5. **事件处理**:熟悉各个组件的内置事件,如 onResize、onClick 等,以及如何通过 ...