技术博客分享

https://bing.ee123.net/img/rand?artid=42242137

KEIL下创建工程示例及配置简单说明

JAY.LIN 发布于 2023-05-02 收录于 C

KEIL是一个窗口化的软件开发平台，它集成了功能强大的编辑器、工程管理器以及各种编译工具（包括C编译

https://bing.ee123.net/img/rand?artid=130425226

嵌入式-Qt-移植教程

JAY.LIN 发布于 2023-05-02 收录于 Qt

Qt 是一款跨平台的 C++ GUI 库，支持多种操作系统，本教程将以 Buildroot 构建 Q

https://bing.ee123.net/img/rand?artid=123782908

关于计算机科学与技术学科和软件工程学科的区别

JAY.LIN 发布于 2023-05-01 收录于作业

关于计算机科学与技术学科和软件工程学科的区别

一、培养目标不同：

计算机科学与技术专业 培养能在科研部门、教育单位、企业、事业、技术和行政管理部门等单位从事计算机教学、科学研究和应用的计算机科学与技术学科的高级专门科学技术人才。

https://bing.ee123.net/img/rand?artid=52787393

java随机数产生-正态分布

JAY.LIN 发布于 2023-05-01 收录于 Java

做java作业中遇到的指定区间的正太分布的问题，以下为解决方案_java 随机数正态分布

https://bing.ee123.net/img/rand?artid=118987179

计算机中只能启动硬盘上安装的操作系统,开机找不到启动设备,请在硬盘上安装操作系统,硬盘3F0,F2-系统检测怎么解决...

JAY.LIN 发布于 2023-05-01 收录于计算机中只能启动硬盘上安装的操作系统

计算机中只能启动硬盘上安装的操作系统,开机“找不到启动设备，请在硬盘上安装操作系统，硬盘(3F0)，F2 系统检测”怎么解决?…

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

3F0、3F1、3F2 指的是找不到UEFI引导的操作系统。可以按照以下几个步骤尝试解决

https://bing.ee123.net/img/rand?artid=130453056

3-个令人惊艳的-ChatGPT-项目,开源了

JAY.LIN 发布于 2023-04-30 收录于人工智能

公众号关注“GitHubDaily”设为 “星标”，每天带你逛 GitHub

https://bing.ee123.net/img/rand?artid=130452104

2023-04-30-前端如何提交数据给后端包含前端和后端代码

JAY.LIN 发布于 2023-04-30 收录于未分类

前端如何提交数据给后端(包含前端和后端代码)

前端使用Ajax提交Json数据给Spring Boot后端

如果你想提交表单数据到服务器,可以使用Ajax技术将表单数据通过HTTP POST请求到发送到服务器.

前端代码如下

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <title>表单转JSON后提交到服务器</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        function convertToJsonAndSend() {
            var form = document.forms[0];
            var formData = new FormData(form);
            var json = {};
            for (var [key, value] of formData.entries()) {
                json[key] = value;
            }
            $.ajax({
                type: 'POST',//请求方法使用POST
                url: '/submit-form',//提交到的路径(和controller的注解路径要一致)
                data: JSON.stringify(json),
                contentType: 'application/json',
                success: function(response) {
                    console.log(response);
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        }
    </script>
</head>
<body>
<form>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="phone">Phone:</label>
    <input type="tel" id="phone" name="phone"><br><br>
    <button type="button" onclick="convertToJsonAndSend()">表单转JSON后提交到服务器</button>
</form>
</body>
</html>

在上面的代码中，我们使用 jQuery 的 $.ajax() 方法将表单数据转化为 JSON 并通过 HTTP POST 请求发送到服务器的 /submit-form 路径。服务器可以通过该路径接收表单数据并进行处理。注意，我们需要设置 contentType 为 application/json ，以确保数据以 JSON 格式发送到服务器。