Question

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

if ($args ~ _escaped_fragment_) {
    rewrite ^ /snapshot$uri;
}

location ~ ^/snapshot(.*) {
    rewrite ^/snapshot(.*)$ $1 break;
    proxy_pass http://localhost:8888;
    proxy_set_header Host $host;
    proxy_connect_timeout 60s;
}

这是我的jQuery代码

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

此代码显示输出div id输出，每次我提交代码将删除旧输出并显示新的输出。我想要做的是，保持旧的输出并在旧输出的顶部显示新的输出。有人能告诉我怎么做。

Answer 1

你可以做的是改变你的afterSuccess方法。我做的是：

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

整个小提琴可用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发布

1 个答案: