2013-07-19 40 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