ajax表单上传加载新页面答案

【问题标题】：ajax form upload loading a new pageajax表单上传加载新页面
【发布时间】：2013-02-27 20:08:03
【问题描述】：

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

我正在上传带有文件和其他输入的表单，一切正常。但问题是它正在加载一个新页面，即

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

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

【问题讨论】：

提示一下，你可以这样使用site_url和base_url

标签： jquery ajax forms codeigniter file-upload

【解决方案1】：

如果您按照here所示的示例进行操作

我认为你需要这样做：

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

【讨论】：

@StacyJ 你的 javascript 控制台有错误吗？你有这个的现场演示，所以我可以看看发生了什么？