ajax表单上传正在加载一个新页面 [英] ajax form upload loading a new page
本文介绍了ajax表单上传正在加载一个新页面的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我昨天有一个类似的问题 - 反应堆没有解决问题
我上传一个文件和其他输入的表单，所有工作正常。但问题是它正在加载一个新的页面，即
www.mywebsite.com/controller/function。
这是我的代码
< HTML>
< head>
< script src =http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js>< / script>
< script src =http://malsup.github.com/jquery.form.js>< / script>
< script type =text / javascript>
$（document）.ready（function（）{
var options = {
clearForm：true，
resetForm：true
};
//绑定'myForm'并提供一个简单的回调函数
$（'＃myForm'）。ajaxForm（function（）{
// alert（Thank you for your comment！）;
}）;
$（'＃myForm'）。ajaxForm（options）;
}）;
< / script>
< / head>
< body>
< form id =myFormname =myFormaction =/ main / commentmethod =postenctype =multipart / form-data>
< input type =textname =name/>
< br />
< textarea name =comment>< / textarea>
< br />
< input type =filevalue =Share a Picname =fileid =file/>
< br />
< input type =submitvalue =提交评论/>
< / form>
< / body>
我从我的动作中删除了main / comment，并在var option部分添加了url： p>
var options = {
url：<？php echo site_url（）。'/ main / comment'？> ;，
clearForm：true，
resetForm：true
};
但是，即使这似乎不起作用。请帮忙
谢谢
如果您按照这里 我认为你需要这样做：
function successFunction（）{
alert（'Thank you'）;
$ b $（document）.ready（function（）{
var options = {
clearForm：true，
resetForm：true，
success：成功函数
;
$（'＃myForm'）。ajaxForm（options）;
}）;
I had a similar question yesterday - cud not resolve the issue
I am uploading a form with file and other inputs and all that is working fine. But the problem is that it is loading a new page i.e
www.mywebsite.com/controller/function.
This is my code
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var options = {
clearForm: true,
resetForm: true
};
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
//alert("Thank you for your comment!");
});
$('#myForm').ajaxForm(options);
});
</script>
</head>
<body>
<form id="myForm" name="myForm" action="/main/comment" method="post" enctype="multipart/form-data">
<input type="text" name="name" />
<br />
<textarea name="comment"></textarea>
<br />
<input type="file" value="Share a Pic" name="file" id="file" />
<br />
<input type="submit" value="Submit Comment" />
</form>
</body>
I removed "main/comment" from my action and added url in var option part :-
var options = {
url: "<?php echo site_url().'/main/comment' ?>",
clearForm: true,
resetForm: true
};
but even this does not seem to work. Please help Thanks
解决方案
If you follow the example shown here
I think you need to do this:
function successFunction(){
alert('Thank you');
}
$(document).ready(function() {
var options = {
clearForm: true,
resetForm: true,
success: successFunction
};
$('#myForm').ajaxForm(options);
});
这篇关于ajax表单上传正在加载一个新页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
