使用jQuery AJAX和PHP将div的内容保存到新文件

时间:2012-03-18 13:33:31

标签: php jquery ajax fwrite

我正在尝试将div的内容保存到新的html文件中。 我正在使用jQuery AJAX向php发送数据 但是,当前形式的php会写一个空文件。

HTML:

<div id="data2save">
     <span>data1</span>
     <span>data2</span>
     <span>data3</span>
     <span>data4</span>
</div>

<input type="button" value="save" id="save">

JQuery的:

 $("#save").live("click",function() {

    var bufferId =$("#data2save").html();

            $.ajax({
                 method : "POST",
                 url : "saver.php",
                 data: {id : bufferId},
                 dataType: "html",
                 success: function(data){ 
                 alert("ok");  
                 }
                 });
 });

PHP:

 <?php
$handle = fopen("test.html", 'w+');
$data = $_POST['data'];
if($handle)
{

if(!fwrite($handle, $data ))
echo "ok";
}

?>

2 个答案:

答案 0 :(得分:5)

请求方法属性为type而不是method$.ajax({ method : "POST"实际为$.ajax({ type : "POST"),$_POST['data']应为$_POST['id']

答案 1 :(得分:1)

没有发布$ _POST [&#39;数据&#39;],只有$ _POST [&#39; id&#39;]。看看这部分:

data: {id : bufferId},