Question

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

<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

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

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

Answer 2

你写的html与你写的javascript（不同的id）不符。

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

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

Answer 3

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

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

Answer 4

数据返回的内容将采用html格式，如：

in php:
echo "div class=\"someclass\">content/div";
and in jquery:
use: $("#retdata").html(data);

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

4 个答案: