使用Plupload插件导致页面刷新的Ajax请求

时间:2011-12-02 16:51:58

标签: javascript jquery ajax plupload

我正在使用Plupload插件上传多个文件。我将FileUploaded事件绑定到上传器,以便在上载文件后执行更多操作。这是我约束事件的地方。

uploader.bind('FileUploaded', function(up, file, response) {
    var p = new Object;
    p.language = $.trim(currentLanguageSelected);
    p.contentType = $.trim(contentType)
    p.description = $.trim($("#subtitle").val());
    p.path = response.response + '/' + file.name;
    p.title = file.name;

    $.ajax({type: 'POST',
            url: '/admin/content/save/saveBinaryContent.xqy'
            data: p,
            success: function(data) {
                $('.preview').html('success');
            }
    });

});

由于可以一次上传多个文件,因此将为每个文件调用此事件。问题是,在第一个文件获得ajax请求后,页面刷新,其他文件不上传。我已经尝试了我在这里找到的常见解决方案,并通过谷歌来阻止页面刷新,但似乎没有一个对我的问题可行。我删除了ajax请求,每个文件的上传都很好,但我还需要为每个文件添加额外的ajax处理。

编辑:太蠢了!我们的另一个JS文件有一个jQuery .ajaxSetup函数,它搞砸了所有这些。经过一天的挫折之后,它终于有效了。

1 个答案:

答案 0 :(得分:1)

success: function(data) {
  $('.preview').html('success');
  return false;
   }