JQuery Form AjaxSubmit

本贴最后更新于 1058 天前,其中的信息可能已经渤澥桑田

HTML 拥有自己 form 的默认行为可以用如下方式屏蔽其默认行为,并用 AJAX 的方式实现 Submit

$('button').on('click', function() {

    $('form').on('submit', function() {
        var title = $('inpur[name=title]').val(),
            content = $('textarea').val();

        $(this).ajaxSubmit({
            type: 'post', // 提交方式 get/post
            url: 'your url', // 需要提交的 url
            data: {
                'title': title,
                'content': content
            },
            success: function(data) { // data 保存提交后返回的数据,一般为 json 数据
                // 此处可对 data 作相关处理
                alert('提交成功!');
            }
            $(this).resetForm(); // 提交后重置表单
        });
        return false; // 阻止表单自动提交事件
    });
});

当然如若无历史的 form 表单代码需要处理,那直接使用 AJAX 进行 post 更加直观。

  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。目前全球有 28% 的网站使用 jQuery,是目前最受欢迎的 JavaScript 库。

    58 引用 • 134 回帖 • 820 关注
  • AJAX
    22 引用 • 96 回帖

赞助商 我要投放

回帖
请输入回帖内容 ...