javascript 一次性post页面所有指定表单数据

最新推荐文章于 2021-06-03 07:15:37 发布

chenqiangdage

最新推荐文章于 2021-06-03 07:15:37 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签： javascript 对象 ajax 表单 jquery

本文链接：https://blog.csdn.net/chenqiangdage/article/details/41257601

版权

本文介绍了如何使用JavaScript和AJAX一次性提交多个表单数据，避免了逐一获取和提交的繁琐过程。通过创建一个名为JTools的对象，包含ajax、saveInfo和PushControlValue方法，简化了大量表单数据的处理。在default.aspx实例页面中调用这些方法，可以将指定ID的表单内容快速发送到test.ashx处理程序。这种方法在VS2010中已成功调试。

摘要由CSDN通过智能技术生成

利用javascript +ajax向后台响应页面post数据时，一般方式是用jquery 先获得要提交的数据，然后包装到ajax数据中；但是一旦遇到一个表单页面有很多很多的表单数据需要提交时，一个个获取然后在提交也是一种方法，但是很笨，而且重复的代码量特别多。这里提供一种简单偷懒的方式一次性提交所有指定id的表单的内容；

用javascript写一个JToos对象，这个对象包含ajax方法，和saveInfo方法，PushControlValue 方法。具体代码 JTools.js：

var JTools = {};
JTools.UI = {};

//handlerUrl 后台响应地址
//data post的数据
//执行成功函数
//失败函数
//是否异步
JTools.ajax = function (handlerUrl, data, success, fail, Isasync) {
    $.ajax(
    {
        url: handlerUrl,
        data: data,
        dataType: 'post',
        async: (null == Isasync || undefined == Isasync) ? false : Isasync,
        success: function (respondData) {
            if (undefined != success) {
                success(respondData);
            }
        },
        fail: function () {
            if (undefined != fail) {
                fail();