使用ajax发送表单时出现问题

时间:2013-05-18 22:21:38

标签: jquery ajax ajaxform

我无法自行提交表单,我在文档就绪时使用ajax代码调用。我希望它保留在index.php上,因为用户点击提交,但代码似乎不是直播,而是立即转到new_work.php。从我读过的内容来看,你不需要使用带有ajaxForm的preventDefault和stopPropagation。

var initAjaxForm = function() {
    ('#ajax_form').ajaxForm({
        success: function(data) {
            $('body').html(data); 
        }
        });   
    }

$(document).ready(function() {
    $('body').load("new_work.php", function() {
        initAjaxForm();
    });
});

html标记中没什么重要的。只是一个带有表单的空骨架

<form action="new_work.php" method="post" id="ajax_form">

我正在使用ajaxform插件,因为这是我通过ajax发送文件的唯一方法。如果有更好的解决方案,请告诉我!谢谢。

编辑:我得到的错误是:

未捕获TypeError:对象#ajax_form没有方法'ajaxForm'

2 个答案:

答案 0 :(得分:0)

您是否加载了jQuery Form Plugin? ajaxForm没有内置到标准的jQuery中。

ajax_form是HTML表单的ID吗?

答案 1 :(得分:0)

尝试添加美元符号;

$('#ajax_form').ajaxForm({