从html表单发送数据的纯javascript版本是什么？
提问于 2015-03-23 01:24:26
我目前使用jQuery从html表单中发送数据，然后使用php将其存储在我的数据库中。下面是我使用的代码：
HTML表单：
<form id="formpost" action="" method="post" onsubmit="return false">
<input type="text" id="text2" name="status" value="" class="form-control" placeholder="Question....?"/><br/>
<textarea id="text1" name="status2" value="" class="form-control" placeholder="Description....." rows="6"></textarea><br/>
<button id="postbutton" class="btn btn-danger">POST</button>
</form>
jQuery文件：
$ (document).ready(function() {
//mama code
$("button#postbutton").click(function() {
var data = $("#formpost").serialize();
$.ajax({
type: "POST",
url: "data.php",
data: data,
success: function(data) {
location.reload();
}
});
});
});
$ (document).ready(function() {
$.ajax({
type: "POST",
url: "data2.php",
success: function(data) {
$("#statustext").append(data);
}
});
});
我有两个ajax请求，data.php将html表单输入发送到我的数据库中，data2.php在成功时检索该数据并附加一个空的html div。
我的问题是，我有一个可以工作的应用程序，但是当我安装一个文本区域编辑器时，我的html表单中的内容并没有存储到我的数据库中。因此，如果我使用干净的JavaScript，应用程序就会运行。如果使用ajax调用从我的html表单发送数据，将非常感谢clean javascript中的任何代码。谢谢
回答 1
Stack Overflow用户
发布于 2015-03-23 01:53:18
你真的不需要使用纯javascript。你用的是什么“文本区编辑器”？我相信您可能正在使用某个javascript插件(也许是TinyMCE?)因此，当它加载文本区域时，将使用POST请求中未提交的其他一些HTML进行替换。如果是这种情况，您可以从文本编辑器手动添加数据。例如，在ajax调用中：
...
data: $("#formpost").serialize();
data.content = $("#text-editor).val();
.../ $("#text- editor ") -这是编辑器使用的文本区
您应该阅读您正在使用的插件的文档，以了解如何检索文本编辑器的内容。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29201967
复制相关文章
![如何解决缺少msvcr110.dll？[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/f858b0a29a9b7840da412c96d60ccdd1.jpg)
腾讯云开发者
