在Ajax提交回复后,它显示一个空白数据空间

时间:2014-11-29 09:52:43

标签: javascript jquery ajax

提交没有第一篇帖子的回复后显示一个空白数据空间,刷新页面后显示回复。

请问有什么问题。

............................................... ...............................

这是我的剧本

var inputAuthor = $("#author");
var inputComment = $("#comment");
var inputReplycom = $(".replycom");
var inputImg = $("#img");
var inputUrl = $("#url");
var inputTutid = $("#tutid");
var inputparent_id = $("#parent_id");
var replyList = $("#replynext");

function updateReplybox() {
    var tutid = inputTutid.attr("value");

    $.ajax({
        type: "POST",
        url: "reply.php",
        data: "action=update&tutid=" + tutid,
        complete: function (data) {
            replyList.append(data.responseText);
            replyList.fadeIn(2000);
        }
    });
}

$(".repfrm").click(function () {
    error.fadeOut();
    if (checkForm()) {
        var author = inputAuthor.attr("value");
        var url = inputUrl.attr("value");
        var img = inputImg.attr("value");
        var replycom = inputReplycom.attr("value");
        var parent_id = inputparent_id.attr("value");
        var tutid = inputTutid.attr("value");

        $('.reply_here').hide();
        $("#loader").fadeIn(400).html('<br><img src="loaders.gif" align="absmiddle">&nbsp;<span class="loading">Loading Update...</span>');
        //send the post to submit.php
        $.ajax({
            type: "POST",
            url: "reply.php",
            data: "action=insert&author=" + author + "&replycom=" + replycom + "&url=" + url + "&img=" + img + "&parent_id=" + parent_id + "&tutid=" + tutid,

            complete: function (data) {
                error.fadeOut();
                $("#loader").hide();
                replyList.append(data.responseText);
                updateReplybox();

                $("#repfrm").each(function () {
                    this.reset();
                });
            }
        });
    } else //alert("Please fill all fields!");
    error_message();
});

1 个答案:

答案 0 :(得分:0)

可能所有这些代码都应该在$(document).ready({...});

要调试:打开chrome检查器并在此行放置一个制动点:var tutid = inputTutid.attr(“value”);并检查inputTutid变量内部是什么。

你也可以尝试

inputTutid.val(); 代替 inputTutid.attr( “值”);