实现数据库存入html代码，并在前端就页面返回。

最新推荐文章于 2024-06-20 16:20:43 发布

桃味果仁

最新推荐文章于 2024-06-20 16:20:43 发布

阅读量2.2k

点赞数

分类专栏： js 文章标签：前端 html

本文链接：https://blog.csdn.net/weixin_43742217/article/details/121880791

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

获取页面代码的方法，并保存到后端

function submitHandler() {
			//获取html代码
            var html=$('#table').html();
            //提交到后台，基于若依框架
            $.operate.save(prefix + "/add", {html:html});
        }

上面的save方法实现

save: function(url, data, callback) {
            	var config = {
        	        url: url,
        	        type: "post",
        	        dataType: "json",
        	        data: data,
        	        beforeSend: function () {
        	            $.modal.loading("正在处理中，请稍后...");
        	            $.modal.disable();
        	        },
        	        success: function(result) {
        	            if (typeof callback == "function") {
        	                callback(result);
        	            }
        	            $.operate.successCallback(result);
        	        }
        	    };
        	    $.ajax(config)
            }

调用接口显示页面

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('修改出行气象')" />
    <style>
        input{
            width:100%;
            border:none;
            text-align: center;
            outline-color: #FFFFFF;
        }
        span{
            display: inline-block;
            width:25%;
            text-align: center;
        }
        #table{
            width:80%;
            margin: 10px auto;
        }
    </style>
</head>
<body class="white-bg">
<input type="hidden" id="id" th:value="${gsWeather.id}">
<div id="table" class="container-div" th:utext="${gsWeather.html}">

</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
    //将表格设置呈只读
    $('input').attr('readonly',true)
</script>
</body>
</html>

桃味果仁

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
实现数据库存入html代码，并在前端就页面返回。

获取页面代码的方法，并保存到后端function submitHandler() { //获取html代码 var html=$('#table').html(); //提交到后台，基于若依框架 $.operate.save(prefix + "/add", {html:html}); }上面的save方法实现save: function(url, data, callback) {
复制链接

扫一扫

专栏目录