ajax提交表单小记

jayce 发布于2019-08-20 16:38 / 2935人阅读

摘要：使用提交表单，类型不支持事件，需要改成类型，并绑定事件，进行提交设置，方便用取到表单，并进行序列化序列化表格内容为字符串新增序列化表格内容为字符串使用数据类型，能成功请求到，但是执行的是方法，不设置则执行方法文件中引用文件

<%----%>

使用ajax提交表单，submit类型不支持click事件，需要改成button类型，并绑定click事件，进行ajax提交

<%----%>

设置id，方便用id取到表单，并进行序列化

$("#button").click(function(callback) {
    alert(1);
    //contact-form
    varformParam = $("#contact-form").serialize();//序列化表格内容为字符串
    $.ajax({
        type:"get",
        url:"blog/test.do",
        data:formParam,
        cache:false,
        dataType:"json",
        success:function(data){
        }
    });

});

//新增
$("#button").click(function() {
    alert(1);
    //contact-form
    varformParam = $("#contact-form").serialize();//序列化表格内容为字符串
    $.ajax({
        type:"post",
        url:"blog/test.do",
        data: formParam,
        cache:false,
        // dataType:"json",
        success:function () {
            alert(2);
        },
        error:function () {
            alert(3);
        }
    });

});

使用json数据类型，能成功请求到url，但是执行的是error方法，不设置则执行success方法

JS文件中引用JS文件：

document.write("");
// document.write("");

GPU云服务器云服务器 ajax提交form表单 jquery_ajax提交表单 ajax提交乱码 ajax提交文件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83060.html

ajax提交form表单到数据库(无刷新)

摘要：在静态页面提交表单到数据库很简单就是单纯的这个缺点是会刷新页面，会跳转页面的。当然上面的代码只是简单的实现了提交表单但是还有很多细节需要优化，例如表单验证，数据加密等，可以自己拓展学习，完善。在静态页面提交表单到数据库很简单就是单纯的这个缺点是会刷新页面，会跳转页面的。今天给大家带来的技术就是ajax提交表单优点是不刷新页面，不跳转页面，静默提交的。至于什么是ajax，自己去百度...

荆兆峰 2019-08-26 11:45 评论0 收藏0
ajax提交form表单到数据库(无刷新)

摘要：在静态页面提交表单到数据库很简单就是单纯的这个缺点是会刷新页面，会跳转页面的。当然上面的代码只是简单的实现了提交表单但是还有很多细节需要优化，例如表单验证，数据加密等，可以自己拓展学习，完善。在静态页面提交表单到数据库很简单就是单纯的这个缺点是会刷新页面，会跳转页面的。今天给大家带来的技术就是ajax提交表单优点是不刷新页面，不跳转页面，静默提交的。至于什么是ajax，自己去百度...

2i18ns 2019-06-28 18:25 评论0 收藏0
四种表单验证方法的分析和比较

摘要：本文将列举四种不同原理的表单验证方法，并给出各方法在服务器上的实现。小结上述四种验证方法各有优缺点，用户应该根据需求选择不同的方法。前言任何可以交互的站点都有输入表单，只要有可能，就应该对用户输入的数据进行验证。无论服务器后端是什么样的系统，都不愿意把时间浪费在一些无效的信息上，必须对表单数据进行校验，若有不符合规定的表单输入，应及时返回并给出相应的提示信息。本文将列举四种不同原理...

starsfun 2019-07-01 10:33 评论0 收藏0
四种表单验证方法的分析和比较

摘要：本文将列举四种不同原理的表单验证方法，并给出各方法在服务器上的实现。小结上述四种验证方法各有优缺点，用户应该根据需求选择不同的方法。前言任何可以交互的站点都有输入表单，只要有可能，就应该对用户输入的数据进行验证。无论服务器后端是什么样的系统，都不愿意把时间浪费在一些无效的信息上，必须对表单数据进行校验，若有不符合规定的表单输入，应及时返回并给出相应的提示信息。本文将列举四种不同原理...

wwolf 2019-08-26 12:17 评论0 收藏0
web端文件上传功能的思考

摘要：概述文件上传是一个很常见的需求，实现文件上传的技术也很多。帮助文档模拟无刷新的文件上传功能页面无刷新上传文件模拟，超简单为什么上传文件的表单里要加个属性接口对象的介绍使用对象涉及文章侵权，请邮件告知。概述文件上传是一个很常见的需求，实现文件上传的技术也很多。下面就谈谈一些常见的上传技术以及它们的优劣。传统表单上传传统表单文件上传估计是运用最广泛和最简单的技术了，说它简单是...

Jaden 2019-08-21 12:35 评论0 收藏0