Javascript 通过Ajax提交回复后,将显示一个空白数据空间

Javascript 通过Ajax提交回复后,将显示一个空白数据空间,javascript,jquery,ajax,Javascript,Jquery,Ajax,提交回复后,无需第一次发布,显示空白数据空间,刷新页面后显示回复 请问这里有什么问题 这是我的剧本 var inputAuthor = $("#author"); var inputComment = $("#comment"); var inputReplycom = $(".replycom"); var inputImg = $("#img"); var inputUrl = $("#url"); var inputTutid = $("#tutid"); var inputparent

提交回复后,无需第一次发布,显示空白数据空间,刷新页面后显示回复

请问这里有什么问题

这是我的剧本

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();
});
var-inputAuthor=$(“#作者”);
var inputComment=$(“#注释”);
变量inputReplycom=$(“.replycom”);
var inputImg=$(“#img”);
var inputUrl=$(“#url”);
var InputUtid=$(“#tutid”);
var inputparent_id=$(“#parent_id”);
var replyList=$(“#replynext”);
函数updateReplybox(){
var tutid=inputtId.attr(“值”);
$.ajax({
类型:“POST”,
url:“reply.php”,
数据:“action=update&tutid=“+tutid,
完成:功能(数据){
replyList.append(data.responseText);
回复列表:fadeIn(2000年);
}
});
}
$(“.repfrm”)。单击(函数(){
fadeOut()错误;
if(checkForm()){
var author=inputAuthor.attr(“值”);
var url=inputUrl.attr(“值”);
var img=inputImg.attr(“值”);
var replycom=inputReplycom.attr(“值”);
var parent_id=inputparent_id.attr(“值”);
var tutid=inputtId.attr(“值”);
$('.reply_here').hide();
$(“#加载程序”).fadeIn(400).html(“
加载更新…”); //将帖子发送到submit.php $.ajax({ 类型:“POST”, url:“reply.php”, 数据:“action=insert&author=“+author+”&replycom=“+replycom+”&url=“+url+”&img=“+img+”&parent\u id=“+parent\u id+”&tutid=“+tutid, 完成:功能(数据){ fadeOut()错误; $(“#加载程序”).hide(); replyList.append(data.responseText); updateReplybox(); $(“#repfrm”)。每个(函数(){ 这是reset(); }); } }); }else//alert(“请填写所有字段!”); 错误消息(); });
可能所有这些代码都应该在$(document.ready({…})中

调试:打开chrome inspector并在此行放置一个制动点:var tutid=inputtId.attr(“值”);并检查InputUtid变量中的内容

你也可以试试

inputId.val(); 而不是
inputId.attr(“值”)

如何/何时调用这些..?我不理解您的单词TJ先生。编辑了我上面的脚本您可以用TJ来参考我,我在问,当该函数执行时-什么是
$(“.repfrm”)
是提交按钮还是什么。。?如果是,您是否正在阻止表单提交。。?如果您正确地格式化代码,它将更容易理解您的代码。。。对$(“.repfrm”)是一个提交回复按钮,我不会阻止表单提交。谢谢你的输入。属性(“价值”);是一个页码。没有此值,任何帖子都无法在此页面中显示。