Question

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），请问该怎么办？

Answer 1

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();
}

Answer 2

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;
});
}