php - 发送当前 HTML Dom ，通过 jquery ajax 发送并通过 php 保存

Question

我试图通过 jquery 将正在处理的文档的当前 dom 保存到服务器。但是在尝试将 dom 值发送到处理保存的 php 文件时遇到问题。这是代码:

Jquery

$('SaveQuote').click(function() {
var customername =  $('#customername').val();
var customernameedit = $.trim(customername);
var customerphone = $('#customerphone').val();
var quotedata = encodeURIComponent($(document).html());


$( "#Message" ).load("/include/SaveQuote.php? 
customername="+customernameedit+"&customerphone="
+customerphone+"&data="+quotedata);

}); 

PHP 代码

$customername = $_GET['customername'];
$thedata = $_GET['data'];
$thephone = $_GET['customerphone'];


$file = $_SERVER['DOCUMENT_ROOT'].'/Quotes/'.$customername.$thephone.'.html';
// Open the file to get existing content
$current = $thedata;
// Append a new person to the file
file_put_contents($file, $current);

echo'Record Was Saved! View It Here <a href="/Quotes/"'.$customername.$thephone.'>
View Quote</a>';



?>

加载请求正在工作，所有值都在“发布”，但加载请求不允许通过 jquery 代码中的 quotedata var 发送 dom，是否字符串中的数据太多？

我相信我可能必须将 post 与 Jquery 一起使用，但不是 100% 确定。

这段代码的目的是允许操作期间的 dom 被保存并稍后查看或更改/编辑，所以我需要按原样保存整个 dom。最终还将实现自动保存，但不是这个问题的一部分。

简单来说，如何通过 jquerys ajax 控件将当前 dom 发送到我的 php 保存文件

Answer 1

您的 JavaScript 可能如下所示:

$('SaveQuote').click(function() {
    var customername =  $('#customername').val();
    var customernameedit = $.trim(customername);
    var customerphone = $('#customerphone').val();
    var quotedata = $('html').html();

    $.ajax({
        url: "/include/SaveQuote.php",
        type: "POST",
        data: {
            customername: customernameedit,
            customerphone: customerphone,
            data: quotedata
        }, success: function(response) {
            $("#Message").html(response);
        }
    });
}); 

这将使用您想要的数据向服务器发出 POST 请求，并且服务器响应将作为 innerHTML 注入(inject)到 #Message 元素中。