如何将DIV内容保存到MySql

Question

如何在MySql中保存DIV的内容？

我有将index.php与mydata_post.php连接的脚本，在这里我调用要保存在MySql中的数据。

现在的问题是，我在显示在DIV中后尝试在MySql表中获取空内容的情况下保存数据。

如果我从输入而不是从Div调用，该脚本将起作用。

我要保存的Div内容在：

<form name="form1" method="POST" action="mydata_post.php">


<div id="name2" name="name"></div>
<div id="lastname2" name="lastname"></div>

<input type="submit" name="Submit" value="Submit">


</form>

任何人都可以提供帮助，这可能是错误的地方？

    <!DOCTYPE html>
    <html lang="en" xmlns:fb="https://www.facebook.com/2008/fbml">
        <head>
            <meta charset="utf-8" />

            <link href="main.css" rel="stylesheet" type="text/css" />
        </head>
        <body>


<form name="form1" method="POST" action="mydata_post.php">


<div id="name2" name="name"></div>
<div id="lastname2" name="lastname"></div>

<input type="submit" name="Submit" value="Submit">


</form> 
            <center>
                <h1>Authorization step:</h1>
                <div id="user-info"></div>
                <button id="fb-auth">Please login here</button>
            </center>

            <div id="result_friends"></div>
            <div id="fb-root"></div>

            <script>
            function sortMethod(a, b) {
                var x = a.name.toLowerCase();
                var y = b.name.toLowerCase();
                return ((x < y) ? -1 : ((x > y) ? 1 : 0));
            }

            window.fbAsyncInit = function() {
                FB.init({ appId: '<?= $sApplicationId ?>',
                    status: true,
                    cookie: true,
                    xfbml: true,
                    oauth: true
                });

                function updateButton(response) {
                    var button = document.getElementById('fb-auth');

                    if (response.authResponse) { // in case if we are logged in
                        var userInfo = document.getElementById('user-info');
                        var myname = document.getElementById('name2');



                        FB.api('/me', function(response) {
                            myname.innerHTML = response.name;

                            userInfo.innerHTML = '<img name="userimage" src="https://graph.facebook.com/' + response.id + '/picture">'+ "<br> Your Name:" + response.name + "<br> Your ID:" + response.id ;
                            button.innerHTML = '<div id="logout_bt">Logout</div';
                        });

                    // get friends
                    FB.api('/me/friends?limit=<?= $iLimit ?>', function(response) {
                        var result_holder = document.getElementById('result_friends');
                        var friend_data = response.data.sort(sortMethod);

                        var results = '';
                        for (var i = 0; i < friend_data.length; i++) {
                            results += '<div><img src="https://graph.facebook.com/' + friend_data[i].id + '/picture">' + friend_data[i].name + "<br> Your ID:" + friend_data[i].id + '</div>';
                        }

                            // and display them at our holder element
                            result_holder.innerHTML = '<h2>Result list of your friends:</h2>' + results;
                        });

                    FB.api('/me/friends?limit=<?= $iLimit ?>', function(response) {
                        var id_holder = document.getElementById('lastname2');
                        var id_data = response.data.sort(sortMethod);

                        var id_results = '';
                        for (var i = 0; i < id_data.length; i++) {
                            id_results += '<div> ' + id_data[i].id + '</div>';
                        }

                            // and display them at our holder element
                            id_holder.innerHTML = '<h2>Result list of your friends:</h2>' + id_results;
                        });


                        button.onclick = function() {
                            FB.logout(function(response) {
                                window.location.reload();
                            });
                        };
                    } else { // otherwise - dispay login button
                        button.onclick = function() {
                            FB.login(function(response) {
                                if (response.authResponse) {
                                    window.location.reload();
                                }
                            }, {scope:''});
                        }
                    }
                }

                // run once with current status and whenever the status changes
                FB.getLoginStatus(updateButton);
                FB.Event.subscribe('auth.statusChange', updateButton);
            };

            (function() {
                var e = document.createElement('script'); e.async = true;
                e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
                document.getElementById('fb-root').appendChild(e);
            }());
            </script>

    </body>
    </html>

mydata_post.php-文件

 <?php

    $host=""; // Host name
    $username=""; // Mysql username
    $password=""; // Mysql password
    $db_name=""; // Database name
    $tbl_name=""; // Table name

    // Connect to server and select database.
    mysql_connect("$host", "$username", "$password")or die("cannot connect");
    mysql_select_db("$db_name")or die("cannot select DB");

    // Get values from form
    $name=$_POST['name'];
    $lastname=$_POST['lastname'];
    $email=$_POST['email'];

    // Insert data into mysql
    $sql="INSERT INTO $tbl_name(name, lastname, email)VALUES('$name','$lastname','$email')";
    $result=mysql_query($sql);

    // if successfully insert data into database, displays message "Successful".
    if($result){
    echo "Successful";
    }

    else {
    echo "ERROR";
    }

    ?>

Answer 1

您必须使用输入，而不是div才能通过表单传递其内容。 这行不通：

<div id="name2" name="name"></div>

这将：

<input type="text" name="name" value="" />

另外，在mydata_post.php中使用HTML时，您会丢失其“电子邮件”输入。 因此，您必须使用以下内容：

<form name="form1" method="POST" action="mydata_post.php">

<input type="text" id="name2" name="name" value="" />
<input type="text" id="lastname2" name="lastname" value="" />
<input type="text" id="email2" name="email" value="" />

<input type="submit" name="Submit" value="Submit">

</form>

还要记住在使用mysql_real_escape_string在SQL请求中使用数据之前先转义数据。 或切换到PDO或mysqli并使用准备好的语句。

Answer 2

请遵循以下代码

<div id="name">
    <span>hi</span>
</div>

<input type="button" onclick="test()" value="click"/>

下面是jQuery

<script>
function test(){
var a=$('#name').html();
alert(a);
}
</script>

JSFiddle链接演示

从jquery获取该值，然后将该字符串值分配给textarea。 之后，获取$ _POST ['textarea']值以插入到MYSQL中。

Answer 3

您将必须创建如下所示的隐藏输入：

<input type=hidden name=name />

并在POST之前，在form的onsumbit属性中调用包装的submit函数，以将div的数据放入隐藏字段中。

<form name="form1" method="POST" action="mydata_post.php" onsubmit="moveData();">

<script>
function moveData(){
var data = document.getElementById('divNameID').innerHTML;
var form = document.getElementsByName('form1')[0];
form['name'].value = data;
}
</script>

附带说明一下，您还将要清理字符串并切换到PDO或mysqli以防止SQL注入。

如何将DIV内容保存到MySql

问题描述

3 个解决方案

解决方案1
1 2013-12-26 00:45:00

解决方案2
1 2013-12-26 05:06:41

解决方案3
0 2013-12-26 01:07:50

如何将DIV内容保存到MySql

问题描述

3 个解决方案

解决方案1 1 2013-12-26 00:45:00

解决方案2 1 2013-12-26 05:06:41

解决方案3 0 2013-12-26 01:07:50

解决方案1
1 2013-12-26 00:45:00

解决方案2
1 2013-12-26 05:06:41

解决方案3
0 2013-12-26 01:07:50