2013-07-19 76 views
2

不工作這FF JavaScript的工作,但不是Safari或Chrome瀏覽器:給ajaxForm在Safari和Chrome

$('#image').change(function() { 
    $('#imageform').ajaxForm({ 
     target: '#preview', 
     success: function() { 
      alert('works!'); 
     } 
    }).submit(); 
}); 

下面是HTML表單:

<form id="imageform" method="post" enctype="multipart/form-data" action="/admin/ajaxImage/"> 

請幫助我在Safari和Chrome中使用它!

編輯:

,我發現我的問題。我在窗體內部有一個窗體,它阻止了它的工作。謝謝大家的所有建議。

+1

你得到了什麼錯誤?你的瀏覽器工具報告什麼? – DevlshOne

+0

它絕對沒有報道。沒有POST請求,也沒有javascript錯誤。 – user1435853

回答

3

你應該使用ajaxSubmit會功能,代碼發送POST請求:

$("#imageform").ajaxSubmit({ 
    url: 'ServerSidePage.php', 
    type: 'post', 
    success: function() 
    { 
     alert("works!"); 
    } 
}); 

編輯: 可能還檢查了這一點:

$('#imageform').ajaxForm({ 
    success: function(response, statusText) { 
    $('#preview').html(response); 
    } 
}); 

我不知道是什麼「 #preview「是,可能會更改爲」追加「或任何你需要的。

+0

這仍然無法在Safari或Chrome – user1435853

+0

編輯。檢查出 –

+0

ajaxForm和ajaxSubmit都不能正常工作 – user1435853

0

調用.ajaxForm()設置事件偵聽器來處理提交。
你不應該多次調用它。

要使用手動調用插件,請改爲撥打ajaxSubmit()

欲瞭解更多信息,請參閱文檔。

+0

ajaxSubmit()也不起作用。請幫忙! – user1435853

0

我發現問題是完全不同的。我在窗體內部有一個窗體,它阻止了它的運行。謝謝你的所有建議!

+0

這也是我的問題!謝謝。 – Sadjad