html代码如下：<input type="button" value="显示" id="b1"/>jquery代码如下： 添加jquery引用。。。<script type="text/javascript">$(function(){$("b1")click("弹出一个窗口页面")});</script>不知楼主说的窗口页面是否是这样的。
在您的情况下，您可能希望在发送 POST 请求后重定向到另一个页面。不幸的是，jQuery 的 `$post` 方法不会导致页面跳转，它只是发送一个异步请求到服务器。
要实现这个需求，您可能需要在发送 POST 请求后手动进行重定向。例如，您可以在 `$post` 的回调函数中使用 JavaScript 的 `windowlocation` 对象来重定向到新的页面：
$post('接收页面路径', {name:$('#name')val()}, function( dta ) {
alert('post成功');
windowlocationhref = '要跳转的页面路径';
});
在这个示例中，当 POST 请求完成并成功时，页面将跳转到 '要跳转的页面路径'。
请注意，这种方法假设您的 POST 请求是异步的，并且在 POST 请求完成后立即重定向。如果您需要在服务器端处理某些逻辑并根据结果决定重定向到哪个页面，那么您可能需要在服务器端处理重定向。
在某些情况下，您可能需要发送一个同步的 POST 请求并跳转到由服务器端返回的响应页面，这种情况下，您可能需要使用一个 HTML 表单，而不是 jQuery 的 `$post` 方法。
jquery提交表单打开新页面的方法：
先用windowopen()打开一个新的窗口，然后在表单中指定提交的target为刚刚打开的窗口即可。
例子代码：
<form name="query_notice_form" target="_blank"
action="<c:url value="/abc/xxxxdo"/>" method="post"><input
type="hidden" name="currType">
</form>
function showNoticeDetail(obj) {
windowopen('about:blank',"_blank","height=400,width=820,status=yes,toolbar=no,menubar=no,location=no");
query_notice_formsubmit();
}
W$dialog({
content:'url:wswgrkbillControllerdosnh&id='+b+'&bh='+c+'&ck='+d+'&sl='+e,（路径）
title : '弹出框',
width : 1200,
height : 500,
})zindex();
<html>
<head><title>Simple jsp page</title>
<style type="text/css">
<!--
#div1 {
position:absolute;
left:338px;
top:91px;
width:446px;
height:294px;
z-index:1;
border:solid #7A7A7A 4px;
}
</style>
<script
src="http://ajaxgoogleapiscom/ajax/libs/jquery/183/jqueryminjs"></script>
<script type="text/javascript">
$(function(){
$("#div1")hide(); //先让div隐藏
$("#span1")click(function(){
$("#div1")fadeIn("slow");//淡入淡出效果 显示div
});
$("#span2")click(function(){
$("#div1")fadeOut("slow");//淡入淡出效果 隐藏div
})
});
</script>
</head>
<body>
1个简单弹出div的小例子 页面不是很美观 效果达到了<p/><p/><p/><p/><p/><p/>
<span style="cursor:pointer" id="span1">点我弹出div</span>
<div id="div1">
<div align="right" style="background-color:#CDCDCD;"><span id="span2" style="cursor:pointer">关闭</span>
</div>
<p><p>
<form>
username:<input type="text"/><p />
age:<input type="text"/><p />
<input type="submit" value="submit"/><br />
</form>
</div>
</body>
</html>
以上代码直接复制粘贴，html文件就可以运行，可以做弹出操作。
欢迎分享，转载请注明来源：表白网
微信扫一扫
支付宝扫一扫
评论列表（0条）