gpt4 book ai didi

javascript - 如何使用 Ajax、jQuery 和 PhP 保存当前 DOM?

转载 作者:行者123 更新时间:2023-11-28 05:24:44 24 4
gpt4 key购买 nike

我已经在我的页面中编辑了(附加了一些 div),现在,我需要保存所有内容,当然还要替换旧的。

DOM 主体示例:

 <body>
<div id="save_dom">Save</div>

<div class="box">111</div>
<div class="box">222</div>

<script type="text/javascript" >
jQuery(document).ready(function($) {

$(document).on('click', '#save_dom', function(event) {
$.ajax({
url: "/saver.php",
type: "POST",
data: {
// chose data to send
}, success: function(response) {
// do things if successed
}
});
});

});
</script>

</body>

saver.php 文件示例:

<?php
$data = $_GET['data'];
$file = $_SERVER['DOCUMENT_ROOT'];
file_put_contents($file, $data);
echo'Saved!';

事情是这样的。

如何通过Ajax、jQuery、PhP保存当前的dom?

最佳答案

我认为将 DOM 保存在数据库中不好..

你可以通过获取body的html来使用Ajax发布dom

$("body").html();

示例

jQuery(document).ready(function($) {
$(document).on('click', '#save_dom', function(event) {
$.ajax({
url: "/saver.php",
type: "POST",
data: {
Dom : $("body").html()
}, success: function(response) {
// do things if successed
}
});
});

});

关于javascript - 如何使用 Ajax、jQuery 和 PhP 保存当前 DOM?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40263108/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com