使用表单中的 Ajax 脚本指示成功

Question

我有一个表单可以操纵通过此 ajax 脚本发布的图像的大小。该脚本和我的控制器工作正常。我的问题是，如何向此 jquery 脚本附加成功消息？如果我使用常规的 $.ajax() 脚本，那就很容易了。

我通过使用 codeigniter 的 form torch 获得了这个脚本，并且想了解如何用它来指示成功。在我看来，“函数（数据）”似乎表明失败，尽管我不明白它是如何触发的。如果表单提交为空，无论如何它都不起作用。

$(document).ready(function() {
$("#form").submit(function() {
    var image = $("#image").val(); 
    $.post("/post/process", { image:image },
    function(data){
        $("#image_error").html(data.image);
    },'json');
});
});//this comes from form torch

控制器是图像处理的标准东西 表格

<?=form_open("/post/process", 'onsubmit="return false;" id="form"')?>
<p>
<label for="image">Image</label>
<span id="image_error" class="error"></span>
<input type="text" name="image" id="image" />

我想在表格底部添加类似的内容

 <div id="success"></div>

感谢您的阅读

Answer 1

就我个人而言，我更喜欢 $.ajax 函数，因为它只为您提供一个可用于所有 AJAX 调用的函数。此外，它还允许您提供两个函数：一个在请求成功时执行，另一个在请求失败时执行。

根据文档（http://api.jquery.com/jQuery.post/），$.post 方法仅在操作成功时调用您指定的函数。

另外，如果您需要让脚本在用户执行其他操作之前等待成功或失败的指示，请考虑将 $.ajax 方法与 async:false 结合使用范围。

有多种方法可以实现您所描述的内容：一种方法是为传递给 $.post 的函数编写类似的内容：

function(data)
{
    $(document).append('<div id="succeed"></div>');
}

Answer 2

如果我没记错的话，你可以做类似的事情：

response = $.post(...);

响应可以保存成功和错误消息。
然后，您可以使用 if 条件检查它并写入您的 div：

$("#success").html('your html')