MS MVC形式AJAXifying技术 [英] MS MVC form AJAXifying techniques

问题描述

我在寻找的最优雅的办法ajaxify我的形式（使用jQuery）。
你怎么做到这一点？

I'm looking for most elegant way to ajaxify my forms (with jQuery).
How do you do this?

推荐答案

下面是我的解决方案（我认为这是一个进增强解决方案），只使用jQuery的不带任何插件：

Here is my solution (I think it is a Progressive enhancement solution), using only jQuery without any plugins:

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

更新：

如果您的文章的反应是HTML表单，那么试试这个：

If your POST response is "HTML with form" then try this:

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

这篇关于MS MVC形式AJAXifying技术的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！