jquery – MS MVC形式AJAXifying技术

前端之家收集整理的这篇文章主要介绍了jquery – MS MVC形式AJAXifying技术前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找最优雅的方式来改变我的表单(使用jQuery).
你怎么做到这一点?

解决方法

这是我的解决方案(我认为这是一个 Progressive enhancement解决方案),只使用jQuery没有任何插件
var form = $('form#YourFormId');
$(':submit',form).click(function (event) {
    event.preventDefault();
    $.post(form.attr('action'),form.serialize(),function(data,status) {
            if(status == 'success') {
                // your code here
            }
        }
    );
});

更新:

如果您的POST响应是“与表单的HTML”,请尝试:

function ajaxifyForm(form) {
    $(':submit',form).click(function (event) {
        event.preventDefault();
        $.post(form.attr('action'),status) {
                if(status == 'success') {
                    var newForm = $(data);
                    ajaxifyForm(newForm);
                    form.after(newForm).remove();
                }
            }
        );
    });
}

猜你在找的jQuery相关文章