Javascript jQuery改变页面-但是我如何/在哪里;收购;变化?

Javascript jQuery改变页面-但是我如何/在哪里;收购;变化?,javascript,jquery,html,mysql,Javascript,Jquery,Html,Mysql,@BenjaminRH()的这篇文章提供了我正试图构建的那种功能 通过单击按钮,将在页面上创建一个新段落,该段落可以编辑并保存到页面中 我想把它保存到数据库中。当我在编辑后查看页面源代码时,我没有看到那里的更改,这并不让我感到惊讶。。。但我不知道在哪里“捕获”更改的文本,以便验证并发布到mySQL JQuery是一个javascript库,运行客户端。如果要将数据保存到数据库中,则必须使用ajax将其发送到服务器(php/asp/mvc等),然后将数据插入数据库 有关如何异步发送数据的详细信息,

@BenjaminRH()的这篇文章提供了我正试图构建的那种功能

通过单击按钮,将在页面上创建一个新段落,该段落可以编辑并保存到页面中


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

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

有关如何异步发送数据的详细信息,请参见函数

  • 用javascript创建要显示并保存在数据库中的数据
  • 用JSON包装数据,并使用ajax将数据发布到服务器端代码
  • 服务器端检索发布的数据并将其解析为可用的内容
  • 服务器端编写脚本将数据插入数据库
  • 处理可能发生的任何错误
  • 伪代码:

    // 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
            }});
    
    //步骤1
    var someData='这是我的数据';
    $(“#myDiv”).html(someData);
    //步骤2
    $.ajax({
    类型:“POST”,
    
    数据类型:'json',//好的,我自己解决了这个问题,没有使用ajax。我从(如何使用jQuery更改/编辑段落/div的文本?)中获取了一个示例,并通过将元素放在(html)表单中对其进行了修改

    第二个修改是使用
    元素,而不是
    元素,因为
    元素无法发布


    正如@caspian所指出的(在评论中)这两个步骤确实填充了
    $\u POST
    数组,我们开始吧。

    好的,有意义。你能解释5个高级步骤吗,这样我就可以去学习如何操作了?我在PHP上使用code Igniter作为我的MVC…从未接触过Ajax。这是怎么回事?我对code Igniter没有太多经验,但你应该能够找到一种获取请求对象的方法这是从该请求中发布的。请记住,这是异步的,这意味着在保持网页完全不受影响的情况下会发生这种情况(除非您明确更改html,如上面第3行或警报)谢谢…我会试一试。在浏览器开发工具中查看live html,源代码只是从Serverah发送的,对吧。这很好。当然,不能在表单$中提交元素会引发其他问题。