ajax-web前端中怎么根据现有的json数据进行解析后直接成表格形式

问题描述

web前端中怎么根据现有的json数据进行解析后直接成表格形式
jquery的post请求从接口(json){
m"":""dh""
oper"":""fdghgh""
sqlid"":""2455""
params"":{
PHONE"":""手机号码""
}
}中获取到结果后,然后将结果解析并编译成表格形式.这个怎么弄,请教各位大神

我已经弄到这里了 $(function () {
$.ajax({
url: ""请求地址""
type:""POST""
data: '{'
+' ""m"":""dh""'
+' ""oper"":""fdghgh""'
+' ""sqlid"":""2455""'
+' ""params"":{'
+'""PHONE"":""手机号码""'
+' }'
+'}'

success: function (data textStatus) {
alert(data);//已经获取到data里面的数据

                           //对Ajax返回的原始数据进行预处理编译成表格形式的相关代码怎么写              }

(数据要在运行后以表格的方式显示在浏览器上,或者说大神你觉得我写的不对,也可以用自己的方法写。我一点都不会弄,回答我问题的大神可否将具体的代码给我,谢谢!)

解决方案

组合成table表格的html代码,然后设置div容器的innerHTML就好了

不想自己处理也可以使用easyui的datagrid组件

或者用jqGrid也行

时间: 2024-09-25 01:22:46

ajax-web前端中怎么根据现有的json数据进行解析后直接成表格形式的相关文章

ajax-web前端开发中使用接口获取数据,然后获取到的结果编译成表格形式

问题描述 web前端开发中使用接口获取数据,然后获取到的结果编译成表格形式 jquery的post请求从接口(json){ "m":"dh", "oper":"fdghgh", "sqlid":"2455", "params":{ "PHONE":"手机号码" } },中获取到结果后,然后将结果解析并编译成表格形式.这个怎么弄,

webapi-关于asp.net web api 异常处理返回统一致的json数据

问题描述 关于asp.net web api 异常处理返回统一致的json数据 项目开发中使用asp.net mvc 4 web api ,异常处理时遇到一个问题: 如果请求的路由不存在或http动作不匹配,框架默认返回了一个错误的son数据: {"Message": "未找到与请求 URI"http://localhost:8044/api/ClientType/get22"匹配的 HTTP 资源.","MessageDetail&q

springmvc-SpringMVC中怎么将@ResponseBody返回Json数据在log4j中输出

问题描述 SpringMVC中怎么将@ResponseBody返回Json数据在log4j中输出 spring配置如下: <!-- json转换器 --> text/html;charset=UTF-8 controller如下: @RequestMapping("/saveUser") @ResponseBody public User saveUser(){ User user = new User(); user.setId("11"); user

配置-SpringMVC中怎么将@ResponseBody返回Json数据在log4j中输出

问题描述 SpringMVC中怎么将@ResponseBody返回Json数据在log4j中输出 SpringMVC中怎么将@ResponseBody返回Json数据在log4j中输出 spring配置如下: <!-- json转换器 --> text/html;charset=UTF-8 controller如下: @RequestMapping("/saveUser") @ResponseBody public User saveUser(){ User user =

web前端 ajax ....-web前端 点击添加按钮在另一页面显示添加内容

问题描述 web前端 点击添加按钮在另一页面显示添加内容 我想请问一下 恩么实现:在添加页面添加用户信息 点击确定添加按钮之后 在另一个页面的表格中显示添加的用户信息呢? 解决方案 request对象会有这功能.application也有 解决方案二: 添加页面和显示页面什么关系?没有关系显示页面只能ajax轮训或者高级点的就是websocket,有关系看这个 iframe和父页,window.open打开页面之间的引用 解决方案三: 主要是看那个页面和当前的关系,,找到后就可以了

Java Web程序中利用Spring框架返回JSON格式的日期_java

返回Json时格式化日期Date第一步:创建CustomObjectMapper类 /** * 解决SpringMVC使用@ResponseBody返回json时,日期格式默认显示为时间戳的问题.需配合<mvc:message-converters>使用 */ @Component("customObjectMapper") public class CustomObjectMapper extends ObjectMapper { public CustomObjectM

IOS中JSON数据的解析

IOS中JSON数据解析 官方为我们提供的解析JSON数据的类是NSJSONSerialization,首先我们先来看下这个类的几个方法: + (BOOL)isValidJSONObject:(id)obj; 判断一个数据对象是否可以转化为JSON数据 + (NSData *)dataWithJSONObject:(id)obj options:(NSJSONWritingOptions)opt error:(NSError **)error; 将JSON数据写为NSData数据,其中opt参数

在查询页面中显示进度条,在数据load成功后隐去进度条

数据|显示|页面 <script language="javascript">function onSubmit() {  var waitingInfo = document.getElementById(getNetuiTagName("waitingInfo"));  waitingInfo.style.display = ""; //show the ProgressBar  progress_update();    //b

easyui 中的datagrid用json数据动态绑定列后,如何给里面的数据加上超链接,谢谢!

问题描述 RT,急求,谢谢!!! 解决方案 解决方案二:formatte:function(value,rowDate,rowIndex){return"返回你想要格式化的东西";}解决方案三:在绑定设置部分设置你对应的format啊--解决方案四:你在javascript版问过了这里也发了贴啊?好吧再贴一遍,正好那边多写了几句没用的代码<tableclass="easyui-datagrid"title="文档列表"id="dg