Ajax返回表单上方的数据

时间:2014-02-13 19:51:33

标签: javascript php jquery ajax

我想知道如何连接变量并告诉js将返回的数据放在哪里。

我需要将此行$("#commentbox").append(data);更改为$("#comment_'VAR PARENT DATA'").append(data);。页面上有很多表单,我需要将数据直接返回到提交的表单上方哪里有div叫comment_(what ever the loop number is)Form中有一个名为parent的隐藏输入,其中包含循环编号。

有更好的方法吗?

$(function () {
    $('.reply').on('submit', function (e) {
        var parent = $('#parent').val();
        $.ajax({
            type: 'post',
            url: '/app/reply',
            data: $(this).serialize(),
            success: function (data) {
                $("#commentbox").append(data);
                $(".reply")[0].reset();
            }
        });
        e.preventDefault();
    });
});

感谢

3 个答案:

答案 0 :(得分:0)

使用字符串连接将parent值附加到ID前缀。

$(function () {
    $('.reply').on('submit', function (e) {
        var parent = $('#parent').val();
        $.ajax({
            type: 'post',
            url: '/app/reply',
            data: $(this).serialize(),
            success: function (data) {
                $("#comment_" + parent).append(data);
                $(".reply")[0].reset();
            }
        });
        e.preventDefault();
    });
});

答案 1 :(得分:0)

你能做$("#comment_"+parent).append(data);

吗?

答案 2 :(得分:0)

如果我理解你,你想拥有一个动态选择器。为此你可以连接“#comment_”字符串和变量。像'#comment_' + VAR_PARENT_DATA这样的东西。如果没有更多的源代码,很难预测你想要实现的目标。