从一个div取数据，并将其写入文本文件

我想从我的DIV采取数据添加到PHP文件：我的JavaScript是：从一个div取数据，并将其写入文本文件

$(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"; 
} 
?>

是否有人可以指出的问题？

来源

2014-05-09 Javeria Habib

为什么你觉得有一个问题？你的代码和你期望的有什么不同吗？它是什么？ –

其中是HTML中的info1元素？你得到什么错误？ –

对不起，这是data2save而不是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"=== 
    }); 
});

来源

2014-05-09 09:53:58 Kivylius

取代document.getElementById('info1');作为的document.getElementById（ 'data2save'）是DOM元素。您不能将其作为AJAX请求中的数据直接发送。

将其替换为document.getElementById（'data2save'）。value然后让我们知道它是否有效。

新的JavaScript会是这样

(document).ready(function(){ 
    $('#save').on('submit',function(e) { 
     var bufferId = document.getElementById('data2save').value; 
     $.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"=== 
    }); 
});

来源

2014-05-09 13:27:19

从一个div取数据，并将其写入文本文件

回答

相关问题