把九九乘法表通过json返回个前台页面

最新推荐文章于 2024-04-29 10:33:38 发布
最新推荐文章于 2024-04-29 10:33:38 发布
阅读量283 收藏
点赞数
分类专栏： java 文章标签： ajax springmvc json org.json 九九乘法的后天回传给前台
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/javayjc/article/details/88925352
版权

回显的样式排版如下
这个是没有把字符串通过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>

在这里插入图片描述

javayjc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
编程打印九九乘法表：以标准格式输出的乘法表。
05-04
编程打印九九乘法表：以标准格式输出的乘法表。
（完全干货，必看）用九九乘法表转成Json数据转成xml再用ajax展示到html
北纬30°
04-02 453
要求：把九九乘法表用json转换成xml，然后在用ajax展示在HTML，展示在HTML的九九乘法表的格式如下： 要把九九乘法表按照下面的样式用ajax来输出到HTML，而且，不要有1*1~1*9，只要2~9的数字的乘法。并且2、3、4、5这四个数字必须在上面，6、7、8、9这四个数字要在下面。而2、3、5、7这四个素数必须为红色。 第一步：思路是先把九九乘法...
使用JS打九九乘法表
Json的知识梦工厂
06-16 514
Document 　/*先打行*/  for(var i=1; i   /*再打列*/   for(var s=1;s   document.write(s+"x"+i+"="+s*i+"　");/*再输出行列拼接*/   }     document.write("");/*打九行换行*/  }     document.write("");     fo
用java输出99乘法表
shuaicaoer的博客
04-30 436
public class Test7_prictice2 { public static void main(String[] args) { for(int i=1;i<=9;i++) { for(int j=1;j<=i;j++) { int result=i*j; System.out.print(i+"*"+j+"="+result+"\t"); ...
今天自己解析一下九九乘法表
qq_44783220的博客
03-22 352
第一步：先将乘法表里面的数字用 * 代替，输入一个数 然后每一行打一个 * 字符： #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> int main(){ int i; int n = 0; scanf("%d", &n); for (i = 0; i <= ...
ssm框架controller层返回json格式数据到页面的实现
10-14
主要介绍了ssm框架controller层返回json格式数据到页面的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
struts2通过action返回json对象
10-21
struts2通过action返回json对象其实很简单的，首先我们需要引入jar包，然后在写一个简单的action就好了，接下来通过本文给大家介绍struts2通过action返回json对象的方法，感兴趣的朋友一起看看吧
ThinkPHP通过AJAX返回JSON的两种实现方法
10-25
主要介绍了ThinkPHP通过AJAX返回JSON的两种实现方法,分析了ThinkPHP中内置的ajaxReturn函数的用法,具有一定的参考借鉴价值,需要的朋友可以参考下
jQuery通过Ajax返回JSON数据
10-24
最近在使用JQuery的ajax方法时，要求返回的数据为json数据，在处理的过程中遇到下面的几个问题，那就是采用不同的方式来生成json数据的时候，在$.ajax方法中应该是如何来处理的，下面依次来进行说明。
JQuery ajax 返回json时出现中文乱码该如何解决
10-23
最近有朋友反映使用jquery.ajax调用返回json时出现中文乱码，遇到此问题，非常棘手，下面小编帮大家解决JQuery ajax 返回json时出现中文乱码问题，感兴趣的朋友跟着一起了解了解吧
使用JSONObject生成和解析json
lizc_lizc的博客
03-09 465
JSONObject生成新建一个maven工程,maven引入相关依赖&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...
js 中的加法和乘法
RD_moon的博客
08-07 790
1 加法 var rock = $("#stgl").val(); var scis = $("#jdgl").val(); var paper = $("#bgl").val(); var sum = parseInt(rock)+parseInt(scis)+parseInt(paper); 2 乘法 var cf = (Number(stgl)*Number(3)
JS设置Ajax为同步或异步
weixin_56187723的博客
04-26 560
需要注意的是，从 HTML5 开始，同步的 AJAX 请求在主线程上已经被废弃，因为它们有可能锁住浏览器界面，导致用户无法进行交互。如果你需要在主线程上进行网络请求，应该使用异步的 AJAX 请求，或者使用 Fetch API、Promise、async/await 等现代 JavaScript 特性。这是 AJAX 的默认行为，也是 AJAX 名称中 "Asynchronous" 的来源。
Ajax 解决浏览器缓存问题原理和例子
codemami的博客
04-28 664
当设置为false时，jQuery会在请求的URL后添加一个随机的时间戳参数，从而确保每次请求的URL都是唯一的，从而避免浏览器使用缓存的数据。例如，可以设置Cache-Control: no-cache来告诉浏览器不要使用缓存的数据，而是应该向服务器发送请求以获取最新的数据。解决Ajax请求中的浏览器缓存问题，通常是通过在请求头中设置一些特定的字段来实现的。此外，还可以通过在请求的URL后添加一个随机的查询参数（例如时间戳）来避免缓存，因为浏览器通常会对具有不同URL的请求进行不同的缓存处理。
Ajax的请求响应
Niucode的博客
04-23 575
Ajax的全称是Asynchronous JavaScript and XML，即异步的JavaScript和XML（传输储存数据）。它是一种在不重新加载整个页面的情况下更新部分页面的技术。
js ajax初次跨域请求
最新发布
活下去,学下去
04-29 171
虽然前端ajax 还是在 error中，但status =200 statusText 是我需要的内容。后来知道还有跨
Json（标题）
m0_74107946的博客
04-28 174
将结构体转变为Json的过程叫编组，编组是通过json.Marshal函数完成的。json的对象类型可以用于编码Go语言中的map类型和结构体。Go语言对这些标准格式和编码都有良好的支持。json可以表示字符串，数字，布尔值和对象。类似的还有XML,ASN.1。是和在编译阶段关联到该成员的。
文本文件转JSON格式
星霜笔记
04-24 203
资源￥https://kdocs.cn/l/crzS58nUMuN2。资源https://kdocs.cn/l/crzS58nUMuN2。每一行文字与链接用￥分割。
[Flutter3] Json转dart模型举例
iOSTianNan的博客
04-23 408
3.贴入数据, 这里,我们去掉 最外层的 code/msg /data. 仅对data内的 list数据进行处理即。记录一下 Android studio plugin ->案例 json字符串, 一个 response的data返回数据。Android studio 安装插件即可。处理json转dart 模型。重启后, 右击选择生成数据。
servlet返回json到html页面,servlet对象通过json返回到前台页面并展示
05-29
接着，你需要将JSON数据返回给前台页面。可以使用HttpServletResponse对象将JSON数据写入到response中。例如，以下代码可以将JSON数据返回给前台页面： ```java response.setContentType("application/json"); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值