Php 将divs内容保存到数据库

我正在使用Aloha编辑器，并且很喜欢它

我一直忙于将页面上不同div的数据保存到数据库中

我在以下位置找到了一个名为contentEditable的教程：

它将1个div保存到数据库中，但我的网页上有多个div，我无法计算逻辑

如果你能帮忙，我会非常感激的

我的index.php上有以下php/Javascript/Ajax：

 <?php
            //get data from database.
                include("db.php"); 
            ?>


<script>
    $(document).ready(function() {

        $("#save").click(function (e) {         
            var content = $('[class^="editable"]').html();  

            $.ajax({
                url: 'save.php',
                type: 'POST',
                data: {
                content: content
                },              
                success:function (data) {

                    if (data == '1')
                    {
                        $("#status")
                        .addClass("success")
                        .html("Data saved successfully")
                        .fadeIn('fast')
                        .delay(3000)
                        .fadeOut('slow');   
                    }
                    else
                    {
                        $("#status")
                        .addClass("error")
                        .html("An error occured, the data could not be saved")
                        .fadeIn('fast')
                        .delay(3000)
                        .fadeOut('slow');   
                    }
                }
            });   

        });

        $('[class^="editable"]').click(function (e) {
            $("#save").show();
            e.stopPropagation();
        });

        $(document).click(function() {
            $("#save").hide();  
        });

    });

</script>

$（文档）.ready（函数（）{
$（“#保存”）。单击（函数（e）{
var content=$（'[class^=“editable”]'）。html（）；
$.ajax({
url:'save.php'，
键入：“POST”，
数据：{
内容：内容
},              
成功：功能（数据）{
如果（数据='1'）
{
$（“#状态”）
.addClass（“成功”）
.html（“成功保存数据”）
.fadeIn（“快”）
.延迟（3000）
.fadeOut（“慢”）；
}
其他的
{
$（“#状态”）
.addClass（“错误”）
.html（“发生错误，无法保存数据”）
.fadeIn（“快”）
.延迟（3000）
.fadeOut（“慢”）；
}
}
});   
});
$（'[class^=“editable”]'）。单击（函数（e）{
$（“#保存”）.show（）；
e、 停止传播（）；
});
$（文档）。单击（函数（）{
$（“#保存”）.hide（）；
});
});

在我的index.php上，每个div都有一个唯一的类，例如.editable1，在div中，我使用以下php从数据库中回显数据：

<div class="editable1">
<?php
        $sql = mysql_query("select text from content where element_id='1'");
        $row = mysql_fetch_array($sql);         
        echo $row['text'];
?>
</div>
<div class="editable2">
<?php
        $sql = mysql_query("select text from content where element_id='2'");
        $row = mysql_fetch_array($sql);         
        echo $row['text'];
?>
</div>

首先设置javascript，将div的值作为content1和content2传递

var content1 = $('.editable1').html();  
var content2 = $('.editable2').html();  

            $.ajax({
                url: 'save.php',
                type: 'POST',
                data: {
                content1: content1, content2: content2
                },       
                success: function(data) {
                   .......       

然后在php端调整代码以处理两个输入参数

include("db.php");
    $content1 = $_POST['content1']; //get posted data
    $content1 = mysql_real_escape_string($content1);  //escape string 

    $content2 = $_POST['content2']; //get posted data
    $content2 = mysql_real_escape_string($content2);  //escape string 


     $sql = "UPDATE content SET text = '$content1' WHERE element_id = '1' ";
     mysql_query($sql);

        $sql = "UPDATE content SET text = '$content2' WHERE element_id = '2' ";
    if (mysql_query($sql))
    {
        echo 1;
    }

对结果输出执行“查看源代码”，并确保结构与您认为的一样-div是否存在并正确命名？非常感谢DevZero！你是冠军。
var content1 = $('.editable1').html();  
var content2 = $('.editable2').html();  

            $.ajax({
                url: 'save.php',
                type: 'POST',
                data: {
                content1: content1, content2: content2
                },       
                success: function(data) {
                   .......       

include("db.php");
    $content1 = $_POST['content1']; //get posted data
    $content1 = mysql_real_escape_string($content1);  //escape string 

    $content2 = $_POST['content2']; //get posted data
    $content2 = mysql_real_escape_string($content2);  //escape string 


     $sql = "UPDATE content SET text = '$content1' WHERE element_id = '1' ";
     mysql_query($sql);

        $sql = "UPDATE content SET text = '$content2' WHERE element_id = '2' ";
    if (mysql_query($sql))
    {
        echo 1;
    }