如何获取内容可编辑的div值,通过Ajax将其发布到php文件中?
所以我有个问题。我正在尝试将用户发表的文章插入数据库,我希望使用Ajax使其更具动态性,并通过jQuery发送输入、选择div中的值和内容,使其内容可编辑。我正在使用FormData获取表单中的所有数据 我有以下表格:如何获取内容可编辑的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"> <
<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)我注意到php在尝试$\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;
});
});