我试图从summernote编辑器中捕获数据,并通过ajax将其发送到php文件。
我正在使用load()传递一些参数集到一个PHP文件,它完美地工作;但我明白了Summernote数据是由HMTL标签组成的,它将需要大量的努力来验证Summernote数据的传输。相反,我决定使用$. ajax()进行另一个ajax调用。每次我发送数据,load()ajax调用工作,但$. ajax()不工作,相反,我得到一个错误,说明-
Uncaught TypeError: Illegal invocation
at i (jquery.min.js:2)
at jt (jquery.min.js:2)
at Function.w.param (jquery.min.js:2)
at Function.ajax (jquery.min.js:2)
at HTMLButtonElement.<anonymous> (<anonymous>:88:58)
at HTMLButtonElement.dispatch (jquery.min.js:2)
at HTMLButtonElement.y.handle (jquery.min.js:2)
下面是我的代码
$(document).ready(function() {
$("#summernote").summernote();
//Comment
var commentForm = document.getElementById("commentForm");
var domID = "#taskPro" + jobID;
$(domID).html('<div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" style="width:100%;">Sending Report</div>');
$(domID).load("../../../config/actions.php?cN=" + customerNumber + "&date=" + date + "&fullName=" + newString7 + "&address=" + newString8 + "&landMark=" + newString9 + "&commet=" + comment + "&complextion=" + complextion + "&type1=" + type1 + "&type2=" + type2 + "&color=" + color + "&xOwner=" + newString0 + "&areaProfile=" + newString1 + "&ifn=" + newString2 + "&ixOwner=" + newString3 + "&iAddress=" + newString4 + "&telephone=" + newString5 + "&requestType=" + newString6 + "&jobID=" + jobID + "&gpsCoords=" + gpsCoords + "&submitReport=1");
//Post Comment
$.ajax({
url: "../testAction.php",
type: "POST",
data: new FormData(commentForm),
contentType: "text/plain"
});
});
<form method="post" action="" id="commentForm">
<textarea class="form-control" name="comment" id="summernote"><p>Comment: Should contain Comment, Verification Status Description, Building deatails. Also upload images where neccessary</p></textarea>
</form>
<script>
</script>
我希望使用mysqli_real_escape_string()将从summernote编辑器捕获的数据提交到数据库
共2个答案
匿名用户
您可以尝试以下代码:
$.ajax({
type: "POST",
url: "../testAction.php",
data : { summernote : $("#summernote").summernote("code"); },
success: function(response) {
// response
// console.log(response,"response");
},
error: function(errResponse) {
// alert(errResponse)
// console.log("errResponse", errResponse);
}
})
匿名用户
您需要正确解析FormData值。
data: new FormData($('#commentForm')[0]),
contentType: false,
processData: false
相关问题
- 我在Android中创建App Bundle时出错:使用保留文件或目录名称“res”
- 生成签名包:构建包文件时出错。“其他”有不同的根
- 文件室-编译器消息文件已损坏
- 在 FXML 文件中设置自定义控件的按钮“onAction”方法?
- 不同包中的FXML和控制器-Button onAction问题
- Android Studio 将 ProGuard 映射文件保存在哪里?
- Android版本APK崩溃,java.lang.AssertionError:java.lang.Enum中不可能
- 硒测试中的NullPointerExeption
- apache POI中单元的直接寻址
- 使用Apache POI删除Excel文件中的多行
- 如何使用Apache POI从excel表中检索日期
- 如何拆分excel文件,如果行以上64k使用apache-poi?
- 如何避免使用`$parent?$parent。嵌套范围中的$ parent′
- 在angularjs中添加新输入
- 如何在angular js中的其他地方点击时隐藏输入字段
- $scope变量未在视图中更新
- Ionic Angularjs 没有过滤数据
- 单选按钮未选中时的角度问题
- 如何在 AngularJS 中追踪$watch模型更新的来源?
- 更新AngularJS中的父范围变量
您需要正确解析FormData值。
data: new FormData($('#commentForm')[0]),
contentType: false,
processData: false
您可以尝试以下代码:
$.ajax({
type: "POST",
url: "../testAction.php",
data : { summernote : $("#summernote").summernote("code"); },
success: function(response) {
// response
// console.log(response,"response");
},
error: function(errResponse) {
// alert(errResponse)
// console.log("errResponse", errResponse);
}
})
问题内容: 我想发送一个用JavaScript构造的数组,其中包含多个select的选定值。有没有一种方法可以使用ajax将此数组发送到php脚本? 问题答案: 您可以使用XML或JSON发回到服务器。您的javascript将必须构造该帖子,在XML的情况下,则需要您在javascript中创建它。JSON不仅轻巧,而且更易于在javascript中制作。签出JSON- PHP 来解析JSON。
问题内容: 我想通过AJAX将字段数据从表单发送到文件,并且在网上找到了此解决方案:http : //techglimpse.com/pass-localstorage- data-php-ajax-jquery/ 唯一的问题是,我有多个字段而不是单个字段,并且我想将输出(localStorage)保存为HTML(或任何其他格式)文件,而不是将其显示在#output div中。 我怎样才能做到这一
问题内容: 我正在通过失败学习Ajax并碰壁: 我有一个用Javascript编写的数组(如果有关系,该数组将根据用户选中的复选框存储数字ID)。 我有一个函数,当用户单击“保存”按钮时被调用。功能如下: 我的问题是: 我可以在此函数中添加什么以将数组拉入要调用的php脚本(“ create_amenities.php”)? 此外,我应该尝试使用JSON吗?如果是这样,我如何通过ajax发送JSO
问题内容: 我有一个内置的javascript,它可以执行以下操作:通过ajax-> php-> sql获取内容,并在单击内容后在index.php上显示它,将显示新内容。 现在,我想拥有一个在将内容单击到php之后发送数据的函数,该函数将在db中执行某些操作。如何创建将发送数据的功能?谢谢! 这是我的显示内容的代码: }); }` 问题答案: 您可以通过在jQuery.ajax 设置中包含值,将
问题内容: 我想通过jQuery的.ajax()在我的网站上提交一个POST表单,该表单包含一个textarea字段和一个输入字段(类型为“ checkbox”,其中复选框的数量为任意/可变)。PHP接收到textarea数据,并且ajax响应已正确显示给用户。但是,PHP似乎没有收到复选框数据(是否选中了复选框)。我该如何工作?这是我的代码: HTML: jQuery: 现在,PHP 一切正常:
所以我试图通过ajax将图像作为一个blob发送。blob的类型正确,大小约为4.5 kb。我试着这样发送: 接收页面看起来像这样: 它告诉我找不到索引“图像”。所以不仅数据没有发送,甚至索引也被省略了。我做错了什么? 编辑: toBlob和toDataURL都不会产生任何东西,只是一个空的PNG。有没有办法将数据从帧缓冲区转换成Base64编码的jpg或png?