新增数据时,用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) {
    }
});

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

猜你喜欢

转载自www.cnblogs.com/hzjdpawn/p/12591091.html
今日推荐