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

Question

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

提前致谢，

汤米约翰

Answer 1

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

为了回答您的问题，既然您说您正在使用，这里有一个简单的结构，您可以使用它来完成您的任务，以使用 [=15= 将 textarea 值存储到您的数据库中。 ].我不知道你有什么类型的数据，我假设你存储文本和一些 html 样式标签，

你的html:

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

你的 jquery 和 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 文件将处理 post 数据：

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

$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();

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

How do I implement ajax into my jquery to save summernote text into database

javascript

php

ajax

jquery

summernote