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

Php 使用表单中的Ajax脚本指示成功,php,jquery,ajax,codeigniter,image-processing,Php,Jquery,Ajax,Codeigniter,Image Processing,我有一个表单,它可以通过这个ajax脚本处理发布的图像的大小。脚本和我的控制器工作正常。我的问题是,如何将成功消息附加到此jquery脚本?如果我使用常规的$.ajax()脚本,这将很容易 我通过使用codeigniter的FormTorch获得了这个脚本,我想学习如何用它表示成功。“功能(数据)”在我看来似乎是用来表示故障的,尽管我不明白它是如何触发的。如果表单提交为空,它无论如何都不起作用 $(document).ready(function() { $("#form").submit(fu

我有一个表单,它可以通过这个ajax脚本处理发布的图像的大小。脚本和我的控制器工作正常。我的问题是,如何将成功消息附加到此jquery脚本?如果我使用常规的$.ajax()脚本,这将很容易

我通过使用codeigniter的FormTorch获得了这个脚本,我想学习如何用它表示成功。“功能(数据)”在我看来似乎是用来表示故障的,尽管我不明白它是如何触发的。如果表单提交为空,它无论如何都不起作用

$(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" />

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

根据文件(http://api.jquery.com/jQuery.post/),则
$.post
方法仅在操作成功时调用您指定的函数

此外,如果需要在用户做任何事情之前让脚本等待成功或失败的指示,请考虑使用<代码> $.Ajax < /Case>方法,使用<代码>异步:false < /COD>参数>

有几种方法可以完成您所描述的内容:一种方法是为传递给
$的函数编写类似的内容。post

function(data)
{
    $(document).append('<div id="succeed"></div>');
}
功能(数据)
{
$(文件)。附加(“”);
}

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

根据文件(http://api.jquery.com/jQuery.post/),则
$.post
方法仅在操作成功时调用您指定的函数

此外,如果需要在用户做任何事情之前让脚本等待成功或失败的指示,请考虑使用<代码> $.Ajax < /Case>方法,使用<代码>异步:false < /COD>参数>

有几种方法可以完成您所描述的内容:一种方法是为传递给
$的函数编写类似的内容。post

function(data)
{
    $(document).append('<div id="succeed"></div>');
}
功能(数据)
{
$(文件)。附加(“”);
}

如果我没弄错的话,您可以做类似的事情:

response = $.post(...);
响应可以保存成功和错误消息。 然后,您可以使用if条件检查它并写入您的div:

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

如果我没弄错的话,你可以做类似的事情:

response = $.post(...);
响应可以保存成功和错误消息。 然后,您可以使用if条件检查它并写入您的div:

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

这是有道理的。我会用这个脚本试试。由于某种原因,response=.post不起作用,可能是因为我做了。我试过了,然后用if(response)等,但一旦我添加了response=.post,它就不会再发布了,谢谢你的想法,德米特里,我们欢迎你。在我看来,最好在POST类型中使用$.ajax。它有两大功能,成功时该做什么,错误时该做什么。所以,我是你,我使用$.ajax这是有道理的。我会用这个脚本试试。由于某种原因,response=.post不起作用,可能是因为我做了。我试过了,然后用if(response)等,但一旦我添加了response=.post,它就不会再发布了,谢谢你的想法,德米特里,我们欢迎你。在我看来,最好在POST类型中使用$.ajax。它有两大功能,成功时该做什么,错误时该做什么。所以,我是你,我使用$.ajaxIn换句话说,如果我可以显示成功,我只显示.post成功,而不是图像处理成功如果我按我的方式使用脚本?我将按照建议将此jquery恢复为正常的.ajax。还有jquery验证插件,这要感谢你们两位的回答。换句话说,如果我能展示成功,我只展示了。post成功,而不是图像处理成功,如果我按照我的方式使用脚本?我将按照建议将此jquery还原为正常的。ajax。并加入jquery验证插件,这要感谢你们两位的回答