这个是没有把字符串通过org .json 的 API 转成json 回传给 前台,也可以看代码很多又是拼接很复杂,因为我在前台 是通过JSON.parse();这个方法对json 的数据给很严格.所有拼接的时候要也是很繁重的容易
@RequestMapping(value = "/for")
@ResponseBody
public String getFor(HttpServletResponse response) throws IOException {
StringBuffer sb = new StringBuffer();
String kk = "k";
String stu = "";
for (int i = 2; i <= 9; i++) {
for (int j = 1; j <= 9; j++) {
System.out.print(j + "*" + i + "=" + i * j + "\t");
if (i == 2 && j == 1) {
//判断是九九乘法表里面数据是质数情况样式加红
if (j==1&&( i == 2 || i == 3 || i == 5 || i == 7)) {
stu += "[" + "{" + '"' + kk + '"' + ":" + '"' + i + "*" + j + "=" +"<span style='color:red'>"+ i * j +"</span>"+ '"' + "},";
} else {
stu += "[" + "{" + '"' + kk + '"' + ":" + '"' + i + "*" + j + "=" + i * j + '"' + "},";
}
} else if (i == 9 && j == 9) {
stu += "{" + '"' + kk + '"' + ":" + '"' + i + "*" + j + "=" + i * j + '"' + "}" + "]";
} else {
if (j==1&&( i == 2 || i == 3 || i == 5 || i == 7)) {
stu +="{" + '"' + kk + '"' + ":" + '"' + i + "*" + j + "=" +"<span style='color:red'>"+ i * j +"</span>"+ '"' + "},";
} else {
stu += "{" + '"' + kk + '"' + ":" + '"' + i + "*" + j + "=" + i * j + '"' + "},";
}
}
}
System.out.println(" ");
}
return stu;
}
这个是前台的代码
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>九九乘法表回显使用ajax</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body id="yy">
<div id ="div"></div>
<script>
$(document).ready(function () {
var doc = document.createElement("table");
doc.setAttribute('border', '1');
$.post("for", {}, function (data) {
var objson = JSON.parse(data);//解析数据获得json对象
for (var i = 0; i <= objson.length - 8; i++) {
if (i <= 8) {
for (var i = 0; i <= 8; i++) {
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var tr = document.createElement("tr");
var td = document.createElement("td");
$(td).html(objson[i]["k"]);
$(td1).html(objson[i + 9]["k"]);
$(td2).html(objson[i + 18]["k"]);
$(td3).html(objson[i + 27]["k"]);
$(tr).append(td);
$(tr).append(td1);
$(tr).append(td2);
$(tr).append(td3);
$(doc).append(tr);
$("#yy").append(doc);
}
} else if (i > 36 && i < 44) {
for (var i = 36; i <= 44; i++) {
var td5 = document.createElement("td");
var td6 = document.createElement("td");
var td7 = document.createElement("td");
var tr1 = document.createElement("tr");
var td4 = document.createElement("td");
$(td4).html(objson[i]["k"]);
$(td5).html(objson[i + 9]["k"]);
$(td6).html(objson[i + 18]["k"]);
$(td7).html(objson[i + 27]["k"]);
$(tr1).append(td4);
$(tr1).append(td5);
$(tr1).append(td6);
$(tr1).append(td7);
$(doc).append(tr1);
$("#yy").append(doc);
}
}
}
});
});
</script>
</body>
</html>