如何将 ajax 实现到我的 jquery 中以将 summernote 文本保存到数据库中

Question

我知道这个问题在其他地方已经得到了回答，但它们并不像我需要它们让我理解的那样清楚。我刚开始使用Jquery编程，我需要帮助将一些Ajax实现到Web应用程序中。我需要将用户在 summernote 文本编辑器中键入的值保存到数据库中。有人可以给我看一个jquery和ajax的例子吗？我在summernote编辑器中使用了一个文本区域，并调用jquery将其转换为编辑器。我在页面底部有一个保存更改按钮，目前没有任何功能。单击此按钮时，应该有一个保存文本的功能。在页面的开头，应该有一个函数来检查数据库中是否有任何保存的文本，它应该在编辑器中输出它。如果这可以在 ajax 中完成，请告诉我如何完成。

提前感谢，

汤米·约翰

Answer 1

如果不提供您拥有的代码，就很难回答您的问题，请尝试更新您的问题并在那里添加您的代码，

为了回答您的问题，既然您说您正在使用 ，这里有一个简单的结构，您可以使用它来完成您的任务，以实现使用jquery, ajax and php将textarea值存储到数据库中的目标。我不知道您拥有什么类型的数据，我假设您存储文本，可能还有一些用于样式的 html 标签，

您的网页：

<textarea id='myData'>Some text here I want to save</textarea>
<button type='button' id='saveData'>Save</button>

你的 jquery with ajax：

<script>
$(document).on("click","#saveData", function(){
var myData = $("#myData").text();
$.ajax({
url: 'pathToYourPhp file that will receive your post data and will store it to the database',
type: 'POST', /* Since you are Passing data */ 
dataType: 'json', /* this is the returned value after saving, you can use text/json/html */
data: { 'myData': myData }, /* This is the data you are about to store, you can access it on your pathToYourPhp file by using $_POST['myData'], */,
success: function(data){
alert('Save'); /* you put here what you want to do after saving */
}          
});
});
</script>

将处理帖子数据的 PHP 文件：

这还不完整，但这将是您文件的结构，

$myData = $_POST['myData'];

此处为连接字符串

$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "INSERT INTO yourTable (`fieldName`) VALUES($myData)";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();