jQuery Form

jQuery Form Plugin 能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。

插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能够从form组件里采集信息确定如何处理表单的提交过程。

<form action="your-action.php" method="post" id="guest_form">
----your form field
<span id="msg"></span>
</form>

在your-action.php页面处理数据。

<script>
$(document).ready(function() {
    var options = {
        success:    showResponse,  // post-submit callback
        dataType:  'json',
        resetForm: true // 如果不跳转,可以reset表单的值,默认false
    };
    $('#guest_form').ajaxForm(options);
});

function showResponse(responseText, statusText)  {
    $("#msg").html('留言成功'); // 成功信息

    //window.location.href = '<?php echo site_url();?>';
}
</script>

具体参考: https://github.com/jquery-form/form, 参数还有很多。

398 total views, 6 views today

Revisions

There are no revisions for this post.

Comments are closed.