PHP 和 Ajax 发帖

Question

我正在使用 jQuery 表单插件发送 ajax 请求。您可以在下方找到 url

http://malsup.com/jquery/form/

这是我的jQuery代码

$(document).ready(function()
{
    $('#SubmitForm').on('submit', function(e)
    {
        e.preventDefault();
        $('#submitButton').attr('disabled', ''); 

        $(this).ajaxSubmit({
        target: '#output',
        success:  afterSuccess //call function after success
        });
    });
});

function afterSuccess()
{   

    $('#submitButton').removeAttr('disabled'); //enable submit button

}

此代码在 div id 输出上显示输出，每次我提交代码时都会删除旧输出并显示新输出。我想要做的是，将旧输出保留在外，并在旧输出之上显示新输出。谁能告诉我怎么做。

Answer 1

您可以做的是稍微改变您的 afterSuccess 方法。我所做的是：

function afterSuccess(text)
{  
    $('#output').prepend(text)
    $('#submitButton').prop('disabled', false);
}

整个fiddle可用here

javascript的全部代码：

function afterSuccess(text)
{  
    $('#output').prepend(text)
    $('#submitButton').prop('disabled', false);
}

$(document).ready(function()
{
    $('#submitButton').click(function(e)
    {
        $('#submitButton').prop('disabled', true);
        $('#SubmitForm').ajaxSubmit({
            data: {
                html: "<p>Text echoed back to request</p>",
                delay: 1
            },
            success:  afterSuccess,
            url: '/echo/html/'
        });
    });
});

当然假设遵循 html 结构

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/3.51/jquery.form.min.js"></script> 

<body>
    <form id="SubmitForm" method="POST">
        <input type="button" id="submitButton" value="submit"/>
    </form>     
    <div id="output">
        test
    </div>
</body>

PHP 和 Ajax 发帖

PHP and Ajax posting

javascript

ajax

jquery

jquery-plugins

jquery-forms-plugin