`

前端页面展示JSON格式化的字符串

阅读更多

基于jquery.jsonview组件

 

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script src="../dist/jquery.js"></script>

<link  rel="stylesheet" href="../dist/jquery.jsonview.css">

<script src="../dist/jquery.jsonview.js"></script>

<title>User proto json</title>

</head>

<body>

<label>userId:<input id="userId" value=""></label>

<input type="submit" value="OK" onclick="doAjax()">

<br>

<label>结果:<br></label> <div id="res"></div>

</body>

<script>

function doAjax() {

var para = {

userId : $("#userId").val()

};

$.ajax({

type : "POST",

url : "id/dddd",

data : JSON.stringify(para),

contentType : "application/json",

dataType : "json",

success : function(data) {

$("#res").JSONView(JSON.stringify(data));

}

});

}

</script>

</html>

分享到:
评论

相关推荐

    Json字符串自动格式化

    自动格式化json字符串自动格式化json字符串自动格式化json字符串

    前端展示json数据,格式化,可折叠展开

    本主题将详细介绍如何在前端实现JSON数据的格式化展示,以及支持折叠和展开的功能。 首先,理解JSON的基本结构是至关重要的。JSON由键值对组成,键必须是字符串,用双引号包围,而值可以是各种类型,如字符串、数字...

    格式化json字符串

    JsonView是一款常用的离线JSON格式化工具,它允许用户直接拖放或复制粘贴JSON字符串到软件中,然后自动将其美化成树状视图。这种视图方式使得嵌套的JSON对象和数组层次清晰,便于快速定位和查看数据。JsonView通常有...

    JsonView json字符串格式化

    - **在线工具**:与在线的JSON格式化工具相比,JSONView作为浏览器扩展,无需打开新页面,直接在当前网页操作,更便捷。 - **IDE集成**:虽然许多现代集成开发环境(IDE)内置了JSON格式化功能,但JSONView对于只...

    谷歌浏览器Json格式化插件,浏览器接口调试json

    描述中提到的“最好的开发调试浏览器chrome,还需要一个json数据格式化展示插件”,暗示了Chrome浏览器虽然在开发者工具方面表现出色,但在默认状态下并不提供内置的JSON格式化功能。开发者通常需要安装额外的插件,...

    json格式校验前端插件(javascript)

    1. **JSON字符串格式化**:当接收到JSON数据时,前端开发者可以使用这个插件将原始的JSON字符串转换为易读的格式,这有助于快速理解数据结构并进行调试。格式化包括缩进、换行等,使得复杂的嵌套结构更清晰。 2. **...

    flask bootstrap页面json格式化

    本篇文章将深入探讨如何在Flask应用中结合Bootstrap来展示和格式化JSON数据。 首先,确保已安装了Flask、Bootstrap和相关的依赖。可以使用以下命令安装: ```bash pip install flask flask-bootstrap ``` 接下来...

    将string类型xml字符串转为json字符串

    XML以其结构化和语义化的特性,广泛应用于Web服务和数据交换,而JSON因其简洁、易读、易于解析的特性,常用于前端和后端的数据交互。本篇文章将详细讲解如何将string类型的XML字符串转换为JSON字符串,并介绍相关的...

    java对象转换为json字符串或字符串数组

    在Java开发中,将Java对象转换为JSON字符串或字符串数组是一项常见的任务,特别是在与前端交互、数据存储或者网络传输时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也...

    java中解析json字符串

    本文将深入探讨如何在Java中解析JSON字符串,以满足后端处理前端传递的数据需求。 首先,理解JSON的基本结构至关重要。JSON格式通常包含键值对,可以是对象(用花括号 `{}` 包裹)或数组(用方括号 `[]` 包裹)。...

    JSON格式化工具

    JSON格式化工具则帮助开发者将杂乱无章的JSON数据整理成结构清晰、易读的形式,便于理解和调试。 这款"JSON格式化工具"是一款绿色免安装版本,无需复杂的安装过程,只需解压缩文件包,找到并运行"JsonView.exe"这个...

    json数据在Html页面格式化显示

    在描述中提到的“采用光标事件格式化展示”,意味着在页面上,当用户通过鼠标光标选中或点击某部分JSON数据时,会以某种方式(如高亮、折叠展开等)进行格式化显示,以便于查看和对比接口文档。 要实现这样的功能,...

    json离线格式化工具

    在处理大量JSON数据时,为了便于理解和调试,我们通常会需要使用JSON格式化工具。 "json离线格式化工具"是一款专为处理JSON数据设计的实用工具,它允许用户在没有网络连接的情况下对JSON数据进行美化和解析。这个...

    Json字符串格式化JsonView

    "Json字符串格式化JsonView"这个主题主要关注如何通过JsonView工具来美化和解析JSON字符串。 JSON字符串通常是未格式化的,一行内包含所有的键值对,这在查看和理解复杂的数据结构时会带来不便。为了便于阅读和调试...

    HTML json格式化编辑器

    而JSON格式化编辑器则包含以下特性: 1. **数据解析**:将JSON字符串转换为易于理解的格式,展示为键值对的形式。 2. **美化输出**:通过缩进和换行,使得JSON数据结构清晰可见。 3. **错误检查**:检测JSON数据...

    jsonview, json字符串查看工具

    当输入的字符串符合JSON格式时,JSONView会成功解析并展示数据。如果字符串格式有误,工具通常会显示错误提示,帮助开发者快速定位并修复问题。这在调试API接口或处理返回的JSON响应时特别有用,因为它可以即时反馈...

    Json验证工具,Json格式化工具

    标题"Json验证工具,Json格式化工具"所指的就是专门用于处理JSON数据的软件或在线服务,它可以帮助开发者检查JSON字符串是否符合语法规则,同时也可以将杂乱无章的JSON数据整理成整洁、易读的格式。 描述中的"Json...

    好用,方便的json格式化工具

    无论是前端开发者处理API响应,还是后端开发者调试接口返回,或者是数据分析人员解析日志,一个高效的JSON格式化工具都是不可或缺的辅助工具。因此,选择一款适合自己工作流程的JSON工具是非常重要的。

    Json格式化工具

    在处理复杂的API响应或大型数据结构时,JSON格式化工具就显得尤为重要。 "Json格式化工具"通常指的是能够将原始、混乱的JSON数据转换为整洁、易读格式的应用程序。这里的JSONView.exe就是一个这样的工具,它允许...

Global site tag (gtag.js) - Google Analytics