• 新增数据时,用form表单提交的几种方式


    1、不刷新页面提交表单:

    如果不想刷新界面的话可以写一个iframe标签,再定义一个display:none将其隐藏起来,form表单的target设置为iframe的name名称,即,在form标签里加上target="blankFrame";

    <iframe name="targetIfr" style="display:none"></iframe>
    
    <form id="Form1" action=" " method="post" target="blankFrame"></form>

    2、在form表单的action中不写路径,在button按钮上给一个onclick事件。再在script标签里写onclick事件的代码。使用post提交。

     例如:

    function InsertLXR() {
        var lxr = $("#linkmanName").val();
        var lxdh = $("#linkmanPhone").val();
        var Email = $("#linkmanEmail").val();
        if (lxr != "") {
            $.post("${ctx}/servlet/PNRServlet?type=linkman", {
                linkmanName: lxr,
                linkmanPhone: lxdh,
                linkmanEmail: Email
            }, function (data) {
                layer.alert(data);
            });
        }
    }

    3、通过type=submit提交

    在action中写路径,再使用button按钮的type="submit"提交表单就可以了;

    另外:

    <form id=”myform” action="/url.sun" method="post">
       <input type="text" name="name"/>
      <button type="submit">保存</button>
    </form>

    4、通过js提交表单

       js: document.getElementById("myform").submit();
    jquery: $("#myform").submit();

    5、ajax异步提交表单

    通过js代码来获取input、select等标签的值,并将这些值组成json格式,通过异步提交的方式与服务器端进行交互。

    var params = {"name", $("#name").val()}
    $.ajax({
        type: "POST",
        url: "/url.sun",
        data: params,
        dataType: "json",
        success: function (strMsg) {
        }
    });

    ----------------

  • 相关阅读:
    《javascript高级程序设计》第三章 Language Basics
    开发工具之Eclipse(三)
    开发工具之Eclipse(二)
    开发工具之Eclipse(一)
    hashCode()与toString()
    equals函数的作用
    类集框架(三)
    S01E03 搭建Android开发环境
    S01E02 Android发展史
    S01E01 第一季(重制版)课程介绍
  • 原文地址:https://www.cnblogs.com/hzjdpawn/p/12591091.html
Copyright © 2020-2023  润新知