本文目录一览：
怎么把json返回的数据显示到html页面上？
需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建一个html文件，例如：index.html，并引入jquery.js。
2、在index.html的script标签中，输入js代码：
$.get(‘请求地址’, function(respond) {
document.body.innerText = respond;
});
3、从浏览器运行index.html页面，此时接口返回的json数据被完整显示到html页面上了。
如何在jsp页面中显示json
在jsp页面中显示json的方法是直接用out方法打印。
1、后台组装json数据格式：
JsonObject jsonObject=new JsonObject();
jsonObject.addProperty(“name”, “john”);
jsonObject.addProperty(“age”, “18”);
jsonObject.addProperty(“sex”, “Male”);
HttpSession session=request.getSession(true);
session.setAttribute(“jsonObject”, jsonObject);
RequestDispatcher rd = request.getRequestDispatcher(“viewpage.jsp”);
rd.forward(request, response);
2、jsp页面展示对应的json：
%@page import=”com.google.gson.JsonObject”%
%@ page language=”java” contentType=”text/html; charset=ISO-8859-1″
pageEncoding=”ISO-8859-1″%
!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “”
html
head
meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″
titleView Json/title
%
JsonObject jsonObject=(JsonObject)session.getAttribute(“jsonObject”);
%
/head
body
h6JSON View/h6
br
%=jsonObject%
/body
/html
3、展示结果：
前端页面显示带格式的json数据
首先后台返回数据格式形如下面：
var jsonData = ‘{↵↵ “reason”: “成功”,↵↵ “result”: {↵↵ “realname”: “董**”,/*真实姓名*/↵↵ “idcard”: “330329199******12”,/*身份证号码*/↵↵ “res”: 1 /*1：匹配 2：不匹配*/↵↵ },↵↵ “error_code”: 0↵↵ }’;
然后JS处理如下：
jsonData = jsonData .replace(/↵/g,””).replace(/ /g,” “);
或者下面这种
jsonData = jsonData .replace(/\n/g,””).replace(/ /g,” “);
页面上如果是框架的话 使用v-html 或者ng-html等，否则使用pre/pre也可以。
如何获取网页中的json数据？
1、首先打开你编写网页程序的软件。
2、然后新建一个php文件，用于存放json数据。
3、接着在你新建的php文件填写如下的代码。
4、然后新建一个html文件。
5、接着就是书写html的基本框架。
6、然后引入重要的JQuery文件。
7、接着书写一个div标签，用于存放json数据。
8、最后编写js程序，来获取html中的json数据。
原创文章，作者：MNIS，如若转载，请注明出处：https://www.506064.com/n/139892.html
微信扫一扫 
支付宝扫一扫 