Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/279.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何获取内容可编辑的div值,通过Ajax将其发布到php文件中?_Php_Jquery_Html_Ajax_Form Data - Fatal编程技术网

如何获取内容可编辑的div值,通过Ajax将其发布到php文件中?

如何获取内容可编辑的div值,通过Ajax将其发布到php文件中?,php,jquery,html,ajax,form-data,Php,Jquery,Html,Ajax,Form Data,所以我有个问题。我正在尝试将用户发表的文章插入数据库,我希望使用Ajax使其更具动态性,并通过jQuery发送输入、选择div中的值和内容,使其内容可编辑。我正在使用FormData获取表单中的所有数据 我有以下表格: <form id="data" method="post" enctype="multipart/form-data"> <input type="text" name="title" placeholder="Title"> <

所以我有个问题。我正在尝试将用户发表的文章插入数据库,我希望使用Ajax使其更具动态性,并通过jQuery发送输入、选择div中的值和内容,使其内容可编辑。我正在使用FormData获取表单中的所有数据

我有以下表格:

<form id="data" method="post" enctype="multipart/form-data">

     <input type="text" name="title" placeholder="Title">
     <div id="content" class="content" contenteditable="true"></div>
     <input type="text" name="tags" placeholder="Tags">
     <input type="file" name="file">

     <select>
          <option value="0">Select...</option>
          <option value="1">Option A</option>
          <option value="2">Option B</option>
          <option value="3">Option C</option>
     </select>
     <button name="insert" value="insert" class="button">Post</button>


</form>
我最近添加了行
var cont=$(“#content”).val()
formData.append(“content”,cont)$\u POST['content'时不再标记错误但当我没有这些行时,php标记了一个错误

PHP:


刚刚添加了
formData.append('content',$('#content').html()和工作

$(document).ready(function(){
        $("form#data").submit(function(){
              var formData = new FormData($(this)[0]);
              formData.append('content', $('#content').html());

              $.ajax({
                    url: 'iproddone.php',
                    type: 'POST',
                    data: formData,
                    async: false,
                    success: function (data) {
                             alert(data);
                             location.reload();
                    },
                    cache: false,
                    contentType: false,
                    processData: false
                    });
                    return false;
                  });
            });
<?php

    if (isset($_POST['insert'])) {
        include_once('conn.php'); //connection file

        $tt=$_POST['title'];
        $cont=$_POST['content'];
        $tags=$_POST['tags'];

        $foo = $tt;
        $foo = ucfirst($foo);

        if ( 0 < $_FILES['file']['error'] ) {
            echo 'Error: ' . $_FILES['file']['error'] . '<br>';
            }
            else {
                move_uploaded_file($_FILES['file']['tmp_name'], 'img/tmb_prod/' . $_FILES['file']['name']);
                $photo=$_FILES['file']['name'];
            }

            echo "Image uploaded";

        $connn=mysql_connect("localhost","root","")or die("Connection problems");
        mysql_select_db("gtcomputer",$conn)or die("Error");

        mysql_query("insert into posts(title,content,tags,photo)values('$foo','$cont','$tags','$photo')",$conn)or die("Error".mysql_error());
        }

    else{
        header('Location: index.php');
    }

?>
$(document).ready(function(){
        $("form#data").submit(function(){
              var formData = new FormData($(this)[0]);
              formData.append('content', $('#content').html());

              $.ajax({
                    url: 'iproddone.php',
                    type: 'POST',
                    data: formData,
                    async: false,
                    success: function (data) {
                             alert(data);
                             location.reload();
                    },
                    cache: false,
                    contentType: false,
                    processData: false
                    });
                    return false;
                  });
            });