前台请求响应json
<%@ 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">
<title>Insert title here</title>
<script src="${pageContext.request.contextPath}/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function submits(){
var str = $("#str").val();
$.ajax({
type:'POST',
url:"${pageContext.request.contextPath}/springboot/getUserByPost",
data:str,
//dataType:'json',/告诉服务器,我要接收的是json格式数据
contentType:'application/json',//告诉服务器我发送的是json格式数据
success:function(data){
alert(syntaxHighlight(data));
}
});
}
function syntaxHighlight(json) {
if (typeof json != 'string') {
json = JSON.stringify(json, undefined, '\t');//第三个
}
json = json.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
var cls = 'number';
if (/^"/.test(match)) {
if (/:$/.test(match)) {
cls = 'key';
} else {
cls = 'string';
}
} else if (/true|false/.test(match)) {
cls = 'boolean';
} else if (/null/.test(match)) {
cls = 'null';
}
return '<span class=" + cls + ">' + match + '</span>';;
});
}
</script>
</head>
<body>
<center>
<form id="testform">
内容:
<textarea rows="10" cols="50" id="str"></textarea>
<br /> <input type="button" value="提交" onclick="javascript:submits();"/>
</form>
</center>
</body>
</html>
最新文章
- 修改XCode的Product的输出目录(有时不生效需看)
- 让 MySQL 在 Linux 下表名不区分大小写(实为表名全小写)
- Jsoup解析Html中文文档
- poj 3740 Easy Finding 二进制压缩枚举dfs 与 DLX模板详细解析
- [问题]C# 结构体对齐:如何将变长byte数组对齐
- 12.HTML编辑器(CKEditor、CKFinder集成)
- OpenWrt 学习网址
- Linux试题及答案
- Ubuntu14.04下搜狗输入法的安装及配置
- 炫酷线条动画--svg
- EF三种编程方式的区别Database first ,Model first ,code first
- 关于 Spring Security 5 默认使用 Password Hash 算法
- 55.1拓展之边框border-width属性。
- VC++ 获取系统时间、程序运行时间(精确到秒,毫秒)的五种方法
- [OSX] 使用 MacPorts 安装 Python 和 pip 指南
- 使用office打印到文件功能进行打印测试
- 87. 再谈变体型Variant
- angular ajax的使用及controller与service分层
- 使用STL中的list容器实现单链表的操作
- 利用table-cell实现元素居中对齐
热门文章
- Python 列表和元组 (2) 持续更新
- P4145——线段树点修改&;&;模板题
- okclient2详细介绍
- 03 Vue -课程详细(传参id)、图片显示、推荐课程(主动重定向)
- /usr/share/rubygems/rubygems/core_ext/kernel_require.rb:55:in `require&#39;: cannot load such file -- redis (LoadError)
- 观察者模式(Observer)---行为型
- filter(expr|obj|ele|fn)筛选出与指定表达式匹配的元素集合。
- MacOs High Sierra 升级失败解决办法
- linux系统编程--守护进程,会话,进程组,终端
- 图文并茂VLAN详解,让你看一遍就理解VLAN