0

我相信我已经正确设置了数据库,因为网页没有返回该错误,但我不知道如何在数据库中创建表,因此此代码可以保存到数据库然后检索它。

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

        $("#save").click(function (e) {         
            var content = $('#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');   
                    }
                }
            });   

        });

        $("#editable").click(function (e) {
            $("#save").show();
            e.stopPropagation();
        });

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

    });

</script>
</head>
<body>
    <div id="wrap">
        <h1><a href="http://gazpo.com/2011/09/contenteditable/" > HTML5 Inline text editing and saving </a></h1>

        <h4>The demo to edit the data with html5 <i>contentEditable</i>, and saving the changes to database with PHP and jQuery.</h4>

        <div id="status"></div>

        <div id="content">

        <div id="editable" contentEditable="true">
        <?php
            //get data from database.
            include("db.php");
            $sql = mysql_query("select text from content where element_id='1'");
            $row = mysql_fetch_array($sql);         
            echo $row['text'];
        ?>      
        </div>  

        <button id="save">Save</button>
        </div>

        <div id="footer">
        <a href="http://gazpo.com/">Tutorial by gazpo.com</a> 
        </div>
    </div>
4

1 回答 1

1

不与上面评论的人争论本教程的用处,但如果你想创建必要的表来完成这个,你可以发出以下两个 SQL 语句:

CREATE TABLE content ( element_id varchar(1), text text);
INSERT INTO content (element_id, text) VALUES ('1','Hello World!');

但是,此表对其他任何事情都没有多大用处。

嗯,哪个数据库?我想您首先必须创建一个,但数据库的名称(以及连接到它所需的用户/密码)在代码片段中不可见。我猜他们隐藏在某个地方db.php。如果您使用的正是从教程中下载的示例,请在上述语句之前发出以下语句:

CREATE DATABASE test;
use test

(哦,本教程假设您可以使用root没有密码的帐户登录 - 如果您以这种方式设置了 mySQL DB,我希望您的开发服务器上运行了防火墙。)

于 2013-02-08T23:14:26.070 回答