保存一个div的内容，以新的文件与jQuery的AJAX和PHP [英] Save content of a div to new file with jQuery AJAX and PHP

问题描述

我试图挽救一个div到新的HTML文件的内容。 我使用jQuery AJAX将数据发送到PHP。
然而，在目前形式的PHP写一个空文件。

HTML：

 ＆LT; D​​IV ID =data2save＆GT;
     ＆LT;跨度＆GT;数据1＆LT; / SPAN＆GT;
     ＆LT;跨度＆GT;数据2＆LT; / SPAN＆GT;
     ＆LT;跨度＆GT;数据3＆LT; / SPAN＆GT;
     ＆LT;跨度＆GT;数据4＆LT; / SPAN＆GT;
＆LT; / DIV＆GT;

＆LT;输入类型=按钮值=保存ID =保存＆GT;
 

JQuery的：

  $（＃拯救）。生活（点击，函数（）{

    。VAR bufferId = $（＃data2save）HTML（）;

            $阿贾克斯（{
                 方法：POST，
                 网址：saver.php
                 数据：{ID：bufferId}，
                 数据类型：HTML，
                 成功：功能（数据）{
                 警报（正常）;
                 }
                 }）;
 }）;
 

PHP：

 ＆LT; PHP
$处理=的fopen（test.html中，W +'）;
$数据= $ _ POST ['数据'];
如果（$处理）
{

如果（！的fwrite（$处理，$数据））
回声确定;
}

？＆GT;
 

解决方案

请求方法属性是键入而不是方法（ $阿贾克斯（{方法：POST其实就是 $阿贾克斯（{类型：POST ）和 $ _ POST ['数据'] 应 $ _ POST ['身份证'] 。

I'm trying to save contents of a div to new html file. I'm using jQuery AJAX to send data to php.
However, the php in its current form writes an empty file.

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";
}

?>

解决方案

Request method property is type instead of method ($.ajax({ method : "POST" is actually $.ajax({ type : "POST") and $_POST['data'] should be $_POST['id'].

这篇关于保存一个div的内容，以新的文件与jQuery的AJAX和PHP的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！