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

时间:2017-11-22 02:57:36

标签: javascript php jquery ajax summernote

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

提前致谢,

汤米约翰

1 个答案:

答案 0 :(得分:0)

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

要回答您的问题,既然您说过您正在使用,那么这是一个简单的结构,您可以使用它来完成任务,以便使用textareajquery, ajax and php值存储到您的数据库中。我不知道你有什么类型的数据,我假设您存储文本,可能还有一些用于样式的html标签,

你的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();