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