javascript - jQuery 更改页面 - 但我如何/在哪里更改 "acquire"？

Question

@BenjaminRH ( How to change/edit the text of a paragraph/div using jQuery? ) 的这篇文章提供了我正在尝试构建的那种功能。

通过点击一个按钮，在页面上创建一个新段落，可以对其进行编辑并保存到页面中。

我想将它保存到数据库中。当我在编辑后查看页面源代码时，我没有看到那里的更改，这并不让我感到惊讶......但我不知道在哪里“捕获”更改后的文本以便我可以验证并发布到MySQL。

Answer 1

JQuery 是一个运行客户端的 javascript 库。如果您想将该数据保存到数据库中 - 您必须使用 ajax 将其发送到服务器(php/asp/mvc 等)，然后将数据插入到数据库中。

参见 jquery Ajax函数以获取有关如何完成异步发送数据的详细信息。

1. 在 javascript 中创建要显示并保存在数据库中的数据。
2. 将数据封装在JSON中并使用ajax将数据POST到服务器端代码
3. 服务器端检索发布的数据并将其解析为可用的内容
4. 服务器端编写脚本将数据插入数据库。
5. 处理可能发生的任何错误。

伪代码:

// step 1
var someData = 'this is my data';
$("#myDiv").html(someData);

// step 2
$.ajax({
  type: "POST",
  dataType: 'json', // <-- if the data is complex and needs to be object-oriented
  url: "some.php", // <-- that is the file that will handle the post server-side.
  data: JSON.stringify({ someData }) // <-- just pass someData if your data is not complex
})
.always(function(jqXHR, textStatus) {
        if (textStatus != "success") {
              // step 5: handle error.
              alert("Error: " + jqXHR.statusText); //error is always called .statusText
        } else {
              alert("Success: " + jqXHR.response); //might not always be named .response
        }});