1. 程式人生 > >html中JSON格式化輸出

html中JSON格式化輸出

今天做一個API後臺管理系統新增了日誌模組,我是把操作的資料直接存入mongo資料庫的,mongo是存入的json格式但是我想輸出存入的操作詳情到頁面一直是很亂的格式,我想按照mongo的格式輸出找了很久找到了解決方法:

JSON.stringify(jsObj, null, "\t"); // 縮排一個tab
JSON.stringify(jsObj, null, 4);    // 縮排4個空格

另外還要在最外層加上<pre>標籤

在展示程式碼的時候,你需要選擇究竟是否折行。如果你選擇折行,幸運地,你可以使用為<pre>標籤提供的獨一無二的樣式來保留空白同時折行,如同下面這樣:

pre {
  white-space: pre-wrap;
}

如果你不想折行,你就不用像上面那樣做,不過你得考慮如果一行太長了怎麼辦。太長的行可能會撐開固定寬度的容器或者超出容器範圍。要避免這個,我建議你加上橫向滾動條:

pre {
  overflow-x: auto;
}

相關推薦

htmlJSON格式化輸出

今天做一個API後臺管理系統新增了日誌模組,我是把操作的資料直接存入mongo資料庫的,mongo是存入的json格式但是我想輸出存入的操作詳情到頁面一直是很亂的格式,我想按照mongo的格式輸出找了很久找到了解決方法: JSON.stringify(jsObj, null

html怎麼格式化json字串

方法一、 參考: https://blog.csdn.net/zhengxiangwen/article/details/68927330 這裡主要用到了JSON.stringify(songResJson,null,2)方法, 其中songResJson是在js中宣告的json

python3.5格式化輸出

技術分享 eight img tro -s auth input idt () 運用占位符來進行格式化輸出 代碼如下: 1 #__author:"Cheng" 2 #date:2018/2/11 3 4 name = input("請輸入您的姓名:") 5

《OpenCV3程式設計入門》——4.1.5 OpenCV格式化輸出方法

目錄 1、OpenCV預設風格輸出 2、Python風格輸出 3、逗號分隔風格(Comma separated values,CSV) 4、Numpy風格  5、C語言風格 OpenCV提供了風格迥異的格式化輸出方法,下邊詳細介紹不同的輸出方法。 首先定義一

Python {:.0f} 格式化輸出,{0:^30}什麼意思 . format("name"))

問題: python {0:^30}什麼意思 python裡 {0:^30}是什麼意思 print(“decimal hex chr {0:^30}”.format(“name”)) 這種用法屬於Py

Java格式化輸出 printf 與 println

package javacore; import java.util.Date; /** * @author lixw * @date created in 15:41 2018/12/16 */ public class FormatTest { public stati

使用java對json格式化輸出

一些場景需要把json格式化輸出,方法本身沒有難度,重新發明還要費不少腦筋,記錄下來。public class JsonUtil { public static void main(String[] args) { //json 字串 String s

頁面Json格式化輸出

$.ajax({ type: "post", dataType: "json", url: $("#urlPath").val(), data: paramStr.join('&'), success: function(msg){ var

ajax獲取後臺資料,頁面Json資料按照json格式化輸出

樣式效果圖: 2.頁面程式碼: //查詢出對應的原始碼進行展示 function querySource(label) { var url = base_path+"console/cfg/querySource"; $.ajax({ url:

Python進行JSON格式化輸出

先寫一個字典並將其轉換成JSON格式: # encoding:utf-8 import json dic = {'a': 1, 'b': 2, 'c': 3} js = json.dumps(dic) print(js) 打印出的是如下這個樣子,一行式

json 格式化輸出

效果 格式化前的字串: {id=11,name="xxj",age=111,time=DateTime.Now}; 格式化後的字串: { id=11, name="xxj", age=

Python格式化輸出

log 帶編號 family color bottom mat int format orm 百分號格式化輸出 百分號默認右對齊 %s 字符串 (采用str()的顯示) %r 字符串 (采用repr()的顯

【Linux】Linux JSON 格式化輸出

hao123 pytho com python play ddc www. clas linux 1、使用jq命令 $ echo '{"uid":100120,"token":"1fa9fb8004b04f66b7

xml在html格式化輸出

屬於原創,但是也有其他人的想法 想在html檔案中顯示如圖所示樣式 1、從後端傳到前臺是字串,字串中是xml檔案內容 2、string型別在傳到前臺之前需要格式化,才能顯示如上圖樣式 3、顯示到html中必須在<xmp></xmp>標籤中 附上後臺

html格式化輸出JSON示例(測試)

Code: <head> <meta charset="utf-8" /> <title>測試</title> <style>

18:再議python的print——格式化輸出

python 數據分析 ubuntu linux 人工智能 機器學習如果要在輸出結果前面有個提示語句怎麽辦18.1 十進制數值輸出 %d表示十進制輸出,%S表示要輸出的變量,他們中間不能有逗號(,)。18.2 字符輸出 68以1

textarea 提交到數據庫的內容,輸出html 顯示正常的格式

utf-8 html button 正常 post charset hit 輸出 innerhtml <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

Go格式化輸出

() === fun str data EDA import func port // code_002_basedata project main.go package main import ( "fmt" ) type Power struct {

用Java對JSON字串進行格式化輸出

工作中進行http相關介面測試時經常會收到返回的json資料,因為沒有格式化輸入到控制檯後看起來很不直觀。 早上寫了一個小工具類,對這JSON串進行格式化輸出,代替System.out.print /** * 格式化輸入工具類 * * @author lizhgb * @d

用c#實現json解析與序列化及格式化輸出

1. 簡介        json(javascript object notation)是一種使用可讀文字形式的檔案格式,用於傳輸由key-value對和array陣列形式的資料物件。這種資料格式在非同步的瀏覽器-服務端通訊模式中經常使用,作為替