Question

我已经在我的php网站上使用jquery php实现了图片上传代码。看我的代码

$(document).ready(function() {
    // start upload
    $('#subtUpload').click(function() {  
        $("#preview").html('');
        $("#preview").html('<img src="../images/loader.gif" alt="Uploading...."/>');
        $("#hotelImageUp").val(1);
        $("#frmHotel").ajaxForm({
            target: '#preview'
        }).submit();
    });
});

当用户点击上传按钮$('#subtUpload').时正在开始上传它工作正常。上传图像后，我想调用另一个函数，使用jquery Ajax显示数据库中的所有图像。我知道这看

if($.cookie('hotelId')) {
    var cookieHotel=$.cookie('hotelId');
    var form_data = {
        photos:  1
    };
    $.ajax({
        type: "POST",
        url: "displayHotelImage.php",
        data: form_data,
        success: function(response) { 
            $("#listHotelImg").html('');
            $("#listHotelImg").html(response);
        }
    });
};

但是我会在哪里写这个函数。我在

中写了这个

$("#frmHotel").ajaxForm({
    target: '#preview'

    // my code to display images
}).submit();

但它不起作用

我的目标是在上传图像后显示数据库中的所有图像

有人知道吗？

Answer 1

如果你正在使用http://malsup.com/jquery/form这个插件（正如我从功能中看到的那样我可能错了）你可以在目标之后调用成功，例如

  $("#frmHotel").ajaxForm({
        target: '#preview',
        success:    function() { 


        //image loading codes will be here


     }

所以这将在ajaxForm成功执行后执行图像加载代码。

Answer 2

通过ajax提交。

$.post("test.php", 
  $("#frmHotel").serialize(),
  function(){alert('Success.I could call a function here.')
};

http://api.jquery.com/jQuery.post/

如何在使用jquery提交表单后调用另一个函数

2 个答案: