黑马程序员技术交流社区

标题: ajax提交form表单 [打印本页]

---

作者: 庭院深深深几许    时间: 2019-1-4 17:13
标题: ajax提交form表单
在项目开发中，有时提交form表单时不能只使用action或者jQuery的
表单提交方法有三种，主要说下第三种
第一种：用 form 自带属性action 提交
第二种：用 jquery 提交：$("#formid").submit();
第三种：用 ajax 提交：
但如果form表单中数据很多时，不可能一一列出，只需要用
$('#yourformid').serialize()就可以了
举例如下：

[JavaScript] 纯文本查看 复制代码

$.ajax({

        cache: true,

        type: "POST",

        url:  ajaxCallUrl,

        data: $('#yourformid').serialize(),// 你的formid

        async: false,

        error: function(request) {

                alert("Connection error");

        },

        success: function(data) {

                $("#commonLayout_appcreshi").parent().html(data);\

        }

});

 

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2