Question

我正在使用PHP / MySQL创建一个博客，并且有一个编辑帖子功能。

点击“修改”页面“刷新”（转到同一页面但网址发生变化），<div>展开，他们想要修改的帖子文字现在显示在{{1 }}

在另一位SO用户的帮助下，我完成了部分工作。唯一的问题是它将可编辑的文本放入每个<textarea>框中。

以下是一个有效的例子：http://thebulb.daysofthedead.net/testing.php

我对如何使其工作有一些想法但由于我不熟悉jQuery或Ajax而不知道该怎么做：

使用可编辑内容并传递向<texarea>添加ID 该ID是jQuery脚本。
不要更改页面，只需使用Ajax即可将要修改的文字插入<textarea>。
当他们点击“修改”时，将带有文字的框转到<textarea>框中提交表格。我可以通过使用我发现的一个例子来使用该部分（http://jsfiddle.net/25Hay/2/）但我不知道如何提交到我的PHP脚本进行验证并插入数据库。

这是我目前使用的jQuery：

<textarea>

Answer 1

1）将data-id添加到textarea将是一种简单的方法。当你想要编辑帖子时，我发现你的网址中已经有post_id=5，所以我猜你可以使用它（我找不到你用来更新textareas的脚本）

2）和3）

使用jQuery的Ajax非常易于使用。您可以在http://api.jquery.com/jquery.ajax/

了解更多相关信息

This is a JSFiddle example

$.ajax({
    url: '/echo/html/', // for JSfiddle only, here you will use the url that you normaly put in a form taget
    data: {
        textarea: textarea_value,
        postID: post_id,
        html: textarea_value // so jsFIDDLE can answer
    }, // this is the data you send to that URL, in this case it's your value, in PHP you will then get them with $_POST['textarea'] or $_POST['postID']
    type: 'post', // default is get, you can set it to post or head, text etc...
    success: function (answer) {
        // answer is what you get back from the server if the data was sent
        alert(answer)
    },
    error: function () {
        alert('something went wrong')
    }
});

如果textarea有内容，则自动展开div

1 个答案: