Javascript 如何将数据发布到后端服务器以存储到数据库中？

我想将下面的div数据存储到我的数据库中

<div id="myContent" contenteditable="true">This is a simple text</div>

这是一个简单的文本

---

请举例说明如何将这些数据发布到数据库中。

我将在这里给出一个一般性的答案，因为我不确定如何更具体。这里需要采取几个步骤。但首先，确定您需要的数据到底是什么？然后

<div id="myContent" contenteditable="true">This is a simple text</div>

您应该能够在代码中访问DomeElement

可以使用需要发送到服务器的数据创建对象

如果服务器上还没有API，则可以打开该API

然后，您可以发送一个HTTP POST请求，并将该对象作为特定API端点的有效负载

您必须在服务器上编写代码来处理数据库的实际持久性

您可以使用与服务器通信

使用XMLHttpRequest（XHR）对象与服务器交互。您可以从URL检索数据，而无需进行整页刷新。这使Web页面能够仅更新页面的一部分，而不会中断用户的操作。XMLHttpRequest在AJAX编程中大量使用

这里有一个例子

// Read your data inside the HTML DIV using the ID
var content = document.getElementById('myContent').innerHTML;
// Add the contents to the object which you want to send to the backend
var data = { "myContent": content };

var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 

var theUrl = "/json-handler"; // The backend URL which expects your data
xmlhttp.open("POST", theUrl);

// Set the request format
xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

// JSON encode the data by stringifying it before sending to the server
xmlhttp.send(JSON.stringify(data));

---

按照以下步骤操作

使用JavaScript从div获取数据

使用ajax调用将数据发送到服务器，以便存储到您的数据库中

（我假设已经定义了ur Jquery）

var MyDiv1=document.getElementById（'myContent'）；
////对服务器的ajax调用

您需要使用AJAX发送数据（如果需要更多信息，请参阅：）

因此：

获取DOM数据——使用javascript代码

将数据发送到服务器API

服务器保存数据

xmlHttp/jQuery AJAX/Axios/等等。您可以选择任何AJAX工具

第1部分发送数据 第一步：获取id的值=myContent第二步：url 您希望发送值3步骤：传递对象4进行回调 自己去看看是否成功

如果您从未更改过某些内容，请使用我的代码只更改数据库名称

第3部分将数据输入PHP

if(!emtpty($_POST['myContent']){
 $newVariable = $_POST['myContent'];
}

$link = mysqli_connect($localhost, $username, $password, $db);

$db = mysqli_connect("localhost", "dbusername", "dbpass", "dbname");
$html_data = mysqli_real_escape_string($db, $_POST["html"]);
mysqli_query($db, "INESRT INTO MYTABLE(html_data) VALUES('$html_data')");

>第4部分连接数据库（PHP）

3控制

第3步：将文件插入数据库

第4步：向ur数据库发送查询

5步检查

HTML

这是一个简单的文本

Jquery:

var data = $("#myContent").html();
var url = "--your url here--";
$.post(url,
  {
    html: data
  },
  function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
});

PHP

if(!emtpty($_POST['myContent']){
 $newVariable = $_POST['myContent'];
}

$link = mysqli_connect($localhost, $username, $password, $db);

$db = mysqli_connect("localhost", "dbusername", "dbpass", "dbname");
$html_data = mysqli_real_escape_string($db, $_POST["html"]);
mysqli_query($db, "INESRT INTO MYTABLE(html_data) VALUES('$html_data')");

您需要：

使用

JavaScript

将其包含在您的POST请求中

在

PHP

中捕获并处理请求，将其存储在数据库中

例子： 这是一个PHP文件示例（没有整页刷新），但您可能需要在此处更改部分

数据库名称，\u

，以及

根目录（即用户名）


我的头衔
$（文档）.ready（函数（）{
$（'form#my_form _id'）。提交（函数（e）{
e、 预防默认值（）；
常量内容=$（'#myContent'）.text（）；
$.post（'#'，{submit:true，myContent:content}，函数（响应）{
警报（响应）；
});
});
});
这是简单的文本

注意：如果您想存储
div的整个HTML，而不仅仅是上面的文本：

将部分
$（'myContent'）.text（）更改为
$（'myContent'）.html（）

删除
htmlspecialchars（…）
方法用法（例如
$content=$\u POST['myContent']；
）
1.使用jqueryajax函数2。您可以根据需要使用preg_match或Crawler来解析此div，也可以使用该div解析的数据生成Ajax POST请求Mukesh您可以用一个我不想使用的小示例来演示，或者用标签将数据存储到数据库中…Viszman我对Ajax不太了解，所以请给出一个小示例。。。感谢这两个人的帮助请看，小例子请看如何使用代码…thnxOk，你能回答你想在数据库中存储什么信息吗？对于步骤3和步骤5，您使用的服务器和数据库的类型也是相关的
$sql = mysqli_query($link, $query);

var_dump($sql);

var data = $("#myContent").html();
var url = "--your url here--";
$.post(url,
  {
    html: data
  },
  function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
});

$db = mysqli_connect("localhost", "dbusername", "dbpass", "dbname");
$html_data = mysqli_real_escape_string($db, $_POST["html"]);
mysqli_query($db, "INESRT INTO MYTABLE(html_data) VALUES('$html_data')");