php - 使用 PHP、Ajax、jQuery 将当前 DOM 保存到服务器上的文件?
问题描述
我到处搜索,但到目前为止,我找到的每个解决方案都对我不起作用。
我正在构建一个网站应用程序,人们可以在其中创建自己的幻灯片。当用户单击保存按钮时,我希望将当前 DOM 保存为我的 Web 服务器上的 HTML 文件。
我尝试的第一种方法使用 Ajax,但没有返回任何内容:
AJAX
function chk() {
var elHtml = document.getElementById('dropzone').innerHTML;
console.log("inside chk");
$.ajax({
type: "POST",
url: 'https://www.tap-plus.org/wp-content/themes/Avada/softwarefiles/savefile.php',
dataType: 'json',
data: {functionname: 'write_to_server', arguments: [elHtml] },
cache:false,
success: function (obj) {
if( !('error' in obj) ) {
$('#msg').html(obj);
}
else {
console.log(obj.error);
}
}
});
return false;
}
保存文件.php
function write_to_server($html_code) {
$html_string = $_POST['arguments'][0];
var_dump($html_string);
echo 'test';
}
html
<input type="submit" id="saving" class="btn btn-primary pull-right" value="Save2" onclick="return chk()"/>
上述方法不返回任何内容。我尝试的第二种方法是使用loadHTMLFile
当前网站 URL 获取当前 DOMDocument。那返回null。
DOM文档
$dom = new DOMDocument();
libxml_use_internal_errors(true);
$dom->loadHTMLFile('https://https://www.tap-plus.org/tapplus-software/');
var_dump($dom);
结果:
object(DOMDocument)#3045 (35) { ["doctype"]=> NULL ["implementation"]=> string(22) "(object value omitted)" ["documentElement"]=> NULL ["actualEncoding"]=> NULL ["encoding"]=> NULL ["xmlEncoding"]=> NULL
另外,如果可能的话,我想在不重新加载页面的情况下完成此操作。因为理想情况下,如果有人在他们正在处理的幻灯片上点击保存按钮,他们不希望页面突然重新加载。我不确定我做错了什么,或者下一步将如何解决这个问题。提前致谢。
解决方案
PHP 应该回显 JSON,而不是 HTML 输入。
function write_to_server($html_code) {
$html_string = $_POST['arguments'][0];
echo json_encode(array('msg' => 'Data saved successfully'));
}
并且 jQuery 代码应该显示该消息。
if( !('error' in obj) ) {
$('#msg').html(obj.msg);
}
else {
console.log(obj.error);
}
推荐阅读
- google-chrome - 无法通过 chrome 扩展修改请求标头
- powershell - 在 Job 被解雇后执行额外的 cmdlet
- swift - SwiftUI 项目正在运行但无法存档
- isabelle - 用“规则”转化目标
- kubernetes - 为谷歌云生成 kubeconfig 文件并进行身份验证
- swift - AudioKit v5 使用多个 Tap
- javascript - ReactJS 复选框如果值在数组中
- python - 如何在 Python 3.7 中查找 .pyc 标头的魔法字节
- python - matplotlib 导数签入原始字符串标题
- c++ - 如何使用基类指针访问派生模板类成员