天天看点

页面Json格式化输出

  • 使用jQuery的Ajax获取json数据并格式化输出,其中result是一个div的id
$.ajax({
					type: "post",
					dataType: "json",
					url: $("#urlPath").val(),
					data: paramStr.join('&'),
					success: function(msg){
						var y = JSON.stringify(msg, null, 4);
						// 都不好使
						//$("#result").html(y);
						//$("#result").text(y);
						//$("#result").append(y);
						// 这个好使,但是缩进没了
						//document.getElementById('result').innerText = y;
						$("#result").empty();
						$("#result").append("<textarea id='data' class='info'>" + y + "</textarea>");
					},
					error: function(XMLHttpRequest, textStatus, errorThrown){
						//alert(XMLHttpRequest.readyState);
						//alert(XMLHttpRequest.status);
						//alert(textStatus);
						if (textStatus == 'error') {
							$("#result").empty();
							$("#result").append("<textarea id='data' class='info'>在调用接口时,出现未知异常。</textarea>");
						}
					}
				});
           
  • 结果:
页面Json格式化输出