php - 如何通过jquery ajax更新div的内容和id

Question

我正在尝试制作 fb 样式发布如何使用服务器创建 div 的内容设置 div id 并更新内容是可以的

<div class="container"> 
    <div class="media" id="?????"> 
           // updated content here
    </div>

    // following DIVs exciting
    <div class="media" id="uuid"></div>
    <div class="media" id="uuid"></div>
    <div class="media" id="uuid"></div>
</div>

---

<script type="text/javascript">
$(document).ready(function () {
    $("#submit-305008493").bind("click", function (event) {
        $.ajax({
            beforeSend: function (XMLHttpRequest) {
                $("#sending").fadeIn();
                $("#desMediaContainer").prepend("<div class=\"media translationMedia\" id=\"dsf\"></div>");
            },
            data: $("#submit-305008493").closest("form").serialize(),
            dataType: "html",
            success: function (data, textStatus) {
                $("#sending").fadeOut();
                $("#desMediaContainer .translationMedia:first-child").html(data);
            },
            type: "post",
            url: "\/trans\/destinations\/add\/52104adf-4c88-4825-aa3f-0efcc282aae9"
        });
        return false;
    })
</script>

Answer 1

无论数据返回什么，它都会采用 html 格式，例如：

在 php 中：
echo "div class=\"someclass\">content/div";
在jQuery中：
使用： $("#retdata").html(data);

Answer 2

虽然您没有提供足够的信息来实际指示您应该从何处提取数据，但您确实需要从某个地方提取数据。您可以在加载中指定 URL，也可以定义数据参数或回调函数。

$("#getCameraSerialNumbers").click(function () {
    $("#step1Content").load('YourUrl');
});

Answer 3

您编写的 html 与您编写的 javascript 不对应（不同的 id）。

但是随着你的 javascript，你为什么不把你的 div 的创建从 beforeSend 函数直接移到成功函数中呢？

success: function (data, textStatus) {
    $("#desMediaContainer").prepend("<div class="media translationMedia" id="dsf"></div>");
    $("#desMediaContainer #dsf").html(data);
}

Answer 4

解决了。​​谢谢大家。我的错。这很容易。它的解决方案只是将洞内容添加到容器中并准备删除编辑。

$('#container).append(data);