Form表单提交

最新推荐文章于 2024-05-27 23:36:03 发布

转载最新推荐文章于 2024-05-27 23:36:03 发布 · 1k 阅读

文章标签：

#通信 #表单

通信专栏收录该内容

3 篇文章

订阅专栏

本文介绍了使用JavaScript和jQuery两种方式实现表单提交的方法。包括直接调用form元素的submit方法，以及使用jQuery的submit方法和$.ajax方法提交表单数据而不发生页面跳转。

1. JS源码提交：

        var form = document.getElementById('AddZookeeperForm');
        form.submit();

选获取form对象，然后submit（）.就可以了。这个方法随时都可以触发。

同时也可以通过html中的页面按钮触发

<input type="submit" name="submit" value="type"/>

同时这个也可以修改action和method属性的值。

2.jquery提交：

后台进行页面跳转：

$("#formId").submit();

不进行页面跳转：

$.ajax({
                cache: true,
                type: "POST",//不能为get，get会报错
                url:ajaxCallUrl,
                data:$('#yourformid').serialize(),// 你的formid
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                    $("#commonLayout_appcreshi").parent().html(data);
                }
            });

后面的这个不执行form的submit方法，而是用$.ajax提交，只不过将data变成了整个form表单，而不是对象。