如何使用$ _POST来保存div是contentEditable =“true”？

Question

我正在尝试将Div的可编辑内容存储在SQL数据库中。 但是从我可以告诉的是isset($_POST["des"])永远不会返回true。

（我没有做太多的网站编码所以我可能遗漏了一些非常基本/微不足道的东西）

overview_page.php：

<?php session_start();
include_once("php_includes/check_login_status.php");
?>

<?php
    if(isset($_POST["des"]))
    {
    echo "Inside IF statement";
    include_once("php_includes/db_conx.php");
    $des = mysqli_real_escape_string($db_conx, $_POST['des']);    
    $sql = "UPDATE users SET project_description='$des' WHERE   username='$log_username'";
    }
?>

<!DOCTYPE html>
<html>
<head>

    <script src="js/main.js"></script> <!--Points to external java script file-->
    <script src="js/ajax.js"></script> <!--Points to external java script file-->

    <script type="text/javascript">

    function save_description()
    {
        var des = _("project_description").value;
        var ajax = ajaxObj("POST", "overview_page.php"); 
        //ajax.onreadystatechange = function() sorry this one shouldn't be here
        ajax.send("des="+des); 
    }

    </script>
</head>    
<body>    

  <?php include_once("template_pagetop.php"); ?>  

  <div id="pageMiddle">
    <div id="left_window">

            <div id="project_description" name="project_description" contentEditable="true">
            Please enter project description...
            </div>
            <center>
            <button id="save" onclick="save_description()">Save</button>
            </center>
    </div>
  </div>      
</body>    
</html>

和外部脚本：

ajax.js：

function ajaxObj( meth, url ) {
var x = new XMLHttpRequest();
x.open( meth, url, true );
x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
return x;
}
function ajaxReturn(x){
if(x.readyState == 4 && x.status == 200){
   return true; 
}}

main.js：

function _(x)
{
return document.getElementById(x);
}

Answer 1

所以我把你的代码带到jsFiddle并创建了一个新的小提琴，控制台中出现的第一件事（浏览器中的F12 - 至少在Chrome中）是事件实际上并未触发。

所以我将save_description()方法移动到事件绑定中（还有其他方法）：

document.getElementById('save').onclick = function () {
    var des = _("project_description").innerHTML;
    var ajax = ajaxObj("POST", "overview_page.php");
    //ajax.onreadystatechange = function() sorry this one shouldn't be here
    ajax.send("des=" + des);
}

另请注意，我更改了对innerHTML的des = _("project_description")访问权限。

这似乎至少使请求具有值。 之后，检查服务器端脚本。

Answer 2

我将假设您的帖子发送“des”值。

但您的代码位于“overview_page.php”文件中？ 如果没有，则将“des”值发送到不存在的文件，或者该文件中没有代码。 在这种情况下，你的if（isset（$ _ POST [“des”]））永远不会返回true。

您需要具有overview_page.php文件。

如果您不确定您的ajax代码是否按要求工作，请在“save_description（）”函数中使用一些Jquery post函数。

如何使用$ _POST来保存div是contentEditable =“true”？

问题描述

2 个解决方案

解决方案1
1 已采纳 2013-09-03 10:59:19

解决方案2
0 2013-09-03 11:04:38

如何使用$ _POST来保存div是contentEditable =“true”？

问题描述

2 个解决方案

解决方案1 1 已采纳 2013-09-03 10:59:19

解决方案2 0 2013-09-03 11:04:38

解决方案1
1 已采纳 2013-09-03 10:59:19

解决方案2
0 2013-09-03 11:04:38