zoukankan      html  css  js  c++  java
  • 新增数据时,用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) {
        }
    });

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

  • 相关阅读:
    Java基础(九)
    Java基础(八)
    Java基础(七)
    Java基础(六)
    MyBatis的一级缓存和二级缓存
    安卓音频处理相关资料集合贴
    Android studio下gradle Robolectric单元测试配置
    【翻译】安卓新播放器EXOplayer介绍
    ActionBar compat 如何禁用ActionBar的显示/隐藏动画
    如何实现自定义的android WebView错误页
  • 原文地址:https://www.cnblogs.com/hzjdpawn/p/12591091.html
Copyright © 2011-2022 走看看