2013-03-24 59 views
0

我是一个新手程序员。我用一个简单的代码坚持了两天。我尝试使用jQuery表单插件将表单提交到另一个页面,并从该页面获得反馈。问题是插件未working.the表单提交的normaly不feedback.Here是代码jquery表单插件不工作

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script> 

<div id='preview'></div> 
<form action='ajaxcall.php' id='upload_pic' enctype='multipart/form-data' method='post'> 
<input type='file' id='pic' name='picture'> 
<input type='submit' id='sub'> 
</form> 

var options= 
{ 
target:'#preview', 
url:'ajaxcall.php' 


}; 

$(document).ready(function(){ 
$("#sub").click(function(){ 
    $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>"); 
    $('#upload_pic').ajaxForm(options).submit(); 
    }); 
}); 

这是我ajaxcall.php页面代码

if(!empty($_FILES['picture']['size'])) 
{ 
echo "<img src='images/197.jpg'>"; 

} 

期望是呼应图像将需求反馈,但该页面被简单地重定向到ajaxcall.php page.ajaxForm()函数不工作。但w hy?请帮忙。提前感谢。

回答

0

只需更换您的提交按钮,一个正常的,因为你已经编程您单击处理submiting的形式,让代替你的下面的HTML:

<input type='submit' id='sub'> 

这一个:

<input type='button' id='sub'> 
+0

没有工作,仍然重定向到ajaxcall.php页 – user2198154 2013-03-24 06:38:18

+0

好了,该解决方案似乎有点不同,看看我的更新答案。 – Nelson 2013-03-24 07:03:01

+0

并记住标记答案为接受(标记问题分数下的检查),如果这最终为你工作:-) – Nelson 2013-03-24 07:04:08

0

使用这些代码而不是您的脚本代码。对不起已故的答案

$(document).ready(function(){ 
$("#sub").click(function(){ 
     var options= 
     { 
      target:'#preview', 
      url:'ajaxcall.php' 
     }; 
     $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>"); 
     $('#upload_pic').ajaxForm(options).submit(); 

    }); 
});