Question

昨天我有一个类似的问题 - 反复无法解决问题

我正在上传包含文件和其他输入的表单，所有这些都正常工作。但问题是它正在加载一个新页面，即

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
        };
        // 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>

我从我的操作中删除了“main / comment”，并在var选项部分添加了url： -

var options = { 
            url: "<?php echo site_url().'/main/comment' ?>",
            clearForm: true,
            resetForm: true
        };

但即使这似乎也不起作用。请帮忙感谢

Answer 1

如果您按照显示的here

示例进行操作

我认为你需要这样做：

function successFunction(){
    alert('Thank you');
}
$(document).ready(function() {
        var options = { 
            clearForm: true,
            resetForm: true,
            success: successFunction
        };
        $('#myForm').ajaxForm(options);
});

ajax表单上传加载新页面

1 个答案: