html頁面：

查詢json結果

studyid*
partnerId
token
	查詢

查詢結果：

css代碼：

.red-text {

color: red;

}

.size-big {

width: 100%;

height: 100%;

}

.textarea {

width: 100%;

min-height: 20px;

/* max-height: 300px; */

_height: 120px;

margin-left: auto;

margin-right: auto;

padding: 3px;

outline: 0;

border: 1px solid #a0b3d6;

font-size: 12px;

line-height: 24px;

padding: 2px;

word-wrap: break-word;

overflow-x: hidden;

overflow-y: auto;

border-color: rgba(82, 168, 236, 0.8);

box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px

rgba(82, 168, 236, 0.6);

}

js代碼：(分隔符避免在原json數據中存在)

$(function() {

$("#search").click(function() {

var studyid = $("#studyid").val();

var partnerId = $("#partnerId").val();

var token = $("#token").val();

if (check(studyid)) {

$.ajax({

type : "POST",

url : "upload/getDicomAiResult",

data : {

"studyid" : studyid,

"partnerId" : partnerId,

"token" : token

},

dataType : "json",

success : function(msg) {

var jsonStr = formatJson(msg);

$("#content").html(jsonStr);

}

});

}

})

function check(studyid) {

if ("" == studyid) {

alert("studyid不能為空")

return false;

}

return true;

}

function formatJson(msg) {

var rep = "~";

var jsonStr = JSON.stringify(msg, null, rep)

var str = "";

for (var i = 0; i < jsonStr.length; i++) {

var text2 = jsonStr.charAt(i)

if (i > 1) {

var text = jsonStr.charAt(i - 1)

if (rep != text && rep == text2) {

str += "
"

}

}

str += text2;

}

jsonStr = "";

for (var i = 0; i < str.length; i++) {

var text = str.charAt(i);

if (rep == text)

jsonStr += "????????"

else {

jsonStr += text;

}

if (i == str.length - 2)

jsonStr += "
"

}

return jsonStr;

}

})

總結

以上是生活随笔為你收集整理的js怎么将json数据展示在html代码,JS格式化json数据展示到页面中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。