PHP and Ajax posting

我正在使用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输出上，每次我提交代码时，代码都会删除旧的排名并显示新的代码。我想做的是，将旧的放在旧输出的顶部。有人可以告诉我如何做。

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

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

整个小提琴都可以在此处使用

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>

相关内容

最新更新

热门标签：