jquery中表单提交,怎么打开新页面?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中表单提交,怎么打开新页面?相关的知识,希望对你有一定的参考价值。
使用编辑器编写完成后,可以跳到新页面预览。
因为编译器中可以随便输入N个字符,所有只能采用表单提交的方式。
//预览文案
function PreDocument()
editor1.sync();
var DName = $.trim($("#Name").val());
var Description = $.trim($("#Description").val());
if(DName == "" || Description == "")
jAlert('warning', '请填写完整的文案。', '消息提示');
return false;
$("#docFrom").submit(function()
var options=
url:PersonalApp + "/Group/Document/Preview.aspx?GroupID="+$("#GroupID").val()+"&DName="+encodeURIComponent($.trim($("#Name").val())),
type:"POST"
$("#docFrom").ajaxSubmit(options);
return false;
);
我想要的结果就是再新窗口打开预览页面(Preview.aspx),请问该怎么办?
先用window.open()打开一个新的窗口,然后在表单中指定提交的target为刚刚打开的窗口即可。
例子代码:
<form name="query_notice_form" target="_blank"
action="<c:url value="/abc/xxxx.do"/>" method="post"><input
type="hidden" name="currType">
</form>
function showNoticeDetail(obj)
window.open(\'about:blank\',"_blank","height=400,width=820,status=yes,toolbar=no,menubar=no,location=no");
query_notice_form.submit();
参考技术A function PreDocument()
editor1.sync();
var DName = $.trim($("#Name").val());
var Description = $.trim($("#Description").val());
if(DName == "" || Description == "")
jAlert('warning', '请填写完整的文案。', '消息提示');
return false;
$("#docFrom").submit(function()
var options=
url:PersonalApp + "/Group/Document/Preview.aspx?GroupID="+$("#GroupID").val()+"&DName="+encodeURIComponent($.trim($("#Name").val())),
type:"POST"
$("#docFrom").ajaxSubmit(options);
document.location="Preview.aspx";
return false;
);
追问
我试了一下,可以在新页面打开了,但是页面上得不到Description 这个值。
追答function PreDocument()
editor1.sync();
var DName = $.trim($("#Name").val());
var Description = $.trim($("#Description").val());
if(DName == "" || Description == "")
jAlert('warning', '请填写完整的文案。', '消息提示');
return false;
$("#docFrom").submit(function()
var options=
url:PersonalApp + "/Group/Document/Preview.aspx?GroupID="+$("#GroupID").val()+"&DName="+encodeURIComponent($.trim($("#Name").val())),
type:"POST"
$("#docFrom").ajaxSubmit(options);
document.location="Preview.aspx?Description="+Description;
return false;
);
jsp 如何实现提交表单 但不跳转到提交页面
如题
最好举例
赐教
但可以做出类似的效果,我考虑了两种方案
1 在form标签里加上target=_blank,页面在提交时不会跳走,但会重新打开一个页面,在那里跳转,在那里把程序执行完之后,做一个无询问的关闭就行了
2 用ajax提交,这样页面就真正做到了不跳转,但我不建议你这样做,ajax是不可靠的,有时什么错都不报,但就是没执行成功,而且估计要写很长的js代码,要点功底 参考技术B 不用ajax也可以。。。我搞个iframe。。在iframe里提交。。提交时用js写。。。document.from.submit();再parent.docuemnt.loaction.href="xxx.jsp";这样子可以吧?我让上层页面跳转。。视觉上看不出来的。本回答被提问者采纳 参考技术C 不可能的。。。
以上是关于jquery中表单提交,怎么打开新页面?的主要内容,如果未能解决你的问题,请参考以下文章
在HTML中,建立一个提交表单页面,提交后可以直接在数据库看见。