与jQuery代理发生故障

Question

我需要做一些事件绑定在这里和那里到相同的功能。我会尽量简化我的代码。

这是我的事件绑定：

$(".preset").on("submit",$.proxy(submit_preset,this,"create")); 

这是，如果我做得一样annonymous $(".preset").on("submit",function(){ etc });其运作功能：

function submit_preset(e, url){ 
     e.preventDefault(); 
     var _formdata=new FormData(($(e)[0].target)); //don't mind this weird $(e)[0].target 
     $.ajax({ 
      url:url, 
      data:_formdata, 
      type:'post', 
      success:function(datapass){ 
       console.log(datapass); 
      } 
     }); 
    } 

我在做什么错？函数参数或代理参数？或者是其他东西？

Post-answer：功能内容可能已经错过了某些东西，但问题是，我发现反直觉，我不得不交换参数。检查答案的jsfiddle和评论。 :)

Answer 1

你使用$.proxy的submit_preset()功能的范围设定为form因此，你需要使用this来引用form元素，而不是e，因为这是指引发的事件。

要解决你的代码，你需要提供this到FormData()构造，设置contentType和processData到false为你发送二进制数据交换参数的顺序 - 你追加到事件中的数据是第一位的。试试这个：

function submit_preset(url, e) { 
    e.preventDefault(); 

    $.ajax({ 
    url: url, 
    type: 'post', 
    data: new FormData(this), 
    contentType: false, 
    processData: false, 
    success: function(datapass) { 
     console.log(datapass); 
    } 
    }); 
} 

Working example