javascript - 从 div 中获取数据并将其写入文本文件

Question

我试图从我的 div 中获取数据并将其添加到 php 文件中:我的 JavaScript 是:

$(document).ready(function(){
    $('#save').on('submit',function(e) {
        var bufferId = document.getElementById('data2save');
        $.ajax({
            url:'saver.php',
            data:{id : bufferId},
            type:'POST',
            success:function(data){
                console.log(data);
                alert("ok"); //=== Show Success Message==
            },
            error:function(data){
                alert("not ok"); //===Show Error Message====
            }
        });
        e.preventDefault(); //=== To Avoid Page Refresh and Fire the Event "Click"===
    });
});

我的 html 部分是:

<input type="button" value="save" id="save">
<div id="data2save">
    Data to be added.
</div>

我的 saver.php 文件是:

<?php
$data = $_POST['id'];
if (($fp = fopen("test.txt", "w"))){
    fwrite($fp,$data);
    fclose($fp);
    echo "ok";
}
?>

有人可以指出这个问题吗？

Answer 1

您的选择器错误，请将 document.getElementById('info1'); 替换为 var bufferId = $("#data2save").html();

$(document).ready(function(){
    $('#save').on('submit',function(e) {
        var bufferId = $("#data2save").html();
        $.ajax({
            url:'saver.php',
            data:{id : bufferId},
            type:'POST',
            success:function(data){
                console.log(data);
                alert("ok"); //=== Show Success Message==
            },
            error:function(data){
                alert("not ok"); //===Show Error Message====
            }
        });
        e.preventDefault(); //=== To Avoid Page Refresh and Fire the Event "Click"===
    });
});