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),请问该怎么办?

jquery提交表单打开新页面的方法:
先用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 如何实现提交表单 但不跳转到提交页面

如题

最好举例

赐教

参考技术A 确实是不可能的
但可以做出类似的效果,我考虑了两种方案
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中,建立一个提交表单页面,提交后可以直接在数据库看见。

如何通过 javascript 函数在 jQuery Mobile 中打开新页面

php上传功能怎么实现点击浏览在打开文件之后直接上传?

表单提交怎么在新窗口打开

html打开一一个新页面返回值到原页面

表单提交后,没有页面跳转