Response.Redirect 防止window.open新窗口打开被拦截

本文介绍了一种通过设置HTML form元素的target属性来实现服务器端响应重定向到新窗口的方法,适用于客户端不支持脚本的情况。文中提供了两种实现方式,并解释了为何在新窗口中重复命名的窗口会相互影响。

网上看到一篇很不错的 防止新窗口打开被拦截的文章,但是没有时间去测试,等有时间测试在告诉大家是否可行,


摘要:一般情况下,Response.Redirect 方法是在服务器端进行转向,因此,除非使用 Response.Write( SCRIPTwindow.location='http://dotnet.aspx.cc';/SCRIPT ) 方法外,是不能在新窗口打开所指定的 URL 地址的。但是,如果仔细分析一下,如果设置 form 元素的 targ...

一般情况下,Response.Redirect 方法是在服务器端进行转向,因此,除非使用 Response.Write(" <SCRIPT>window.location='http://dotnet.aspx.cc';</SCRIPT> ") 方法外,是不能在新窗口打开所指定的 URL 地址的。但是,如果仔细分析一下,如果设置 form 元素的 target 属性,还是有办法打开新窗口的。下面就是可以采用的两种方法。
 

方法一:在服务器端设置 target 属性,这个方法也非常适用于客户端不支持脚本的情况。

代码如下:

 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

protected void Page_Load(object sender, EventArgs e)
{
form1.Target = "_blank";
}

protected void Button1_Click(object sender, EventArgs e)
{
Response.Redirect("http://dotnet.aspx.cc");
}
script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>title>
head>
<body id="b" runat="server">
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="打开新窗口或者新 Tab " />
form>
body>
html>
 


 

办法二:采用客户端脚本的方法设置 target 属性。

代码如下:

 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

protected void Page_Load(object sender, EventArgs e)
{
Button1.Attributes.Add("onclick", "this.form.target='_newName'");
}

protected void Button1_Click(object sender, EventArgs e)
{
Response.Redirect("http://dotnet.aspx.cc");
}
script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>title>
head>
<body id="b" runat="server">
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="打开新窗口或者新 Tab " />
form>
body>
html>

 


 

上面两种方法中的 target 属性可以采用任何合法的名称,但要注意,如果相同名称的窗口已经打开,则新窗口会在已经存在名称的窗口里打开。
<script setup> import { ref, reactive,onMounted } from 'vue'; import { login } from '@/services/loginService.js'; // 引入登录服务 import {useRoute, useRouter} from 'vue-router'; // 路由跳转 // 响应式数据 const form = reactive({ value:{ username: '', password: '' } }); //状态管理 const loading = ref(false); const error = reactive({ value:{ username: '', password: '' }, general: '' }); const router = useRouter(); // 初始化路由实例 const route = useRoute(); // 表单验证 const validateForm = () => { let isValid = true; if (!form.value.username) { error.value.username = '请输入用户名'; isValid = false; } else { error.value.username = ''; } if (!form.value.password) { error.value.password = '请输入密码'; isValid = false; } else { error.value.password = ''; } return isValid; }; // 登录处理 const handleLogin = async () => { // 重置错误信息 error.value.username = ''; error.value.password = ''; error.general = ''; //验证表单 if (!validateForm()) { return; } loading.value = true; try { // 调用登录接口APi(对接 loginService.js) const response = await login(form.value.username, form.value.password); //处理后端响应 if (response.code === 200 && response.data) { //存储用户信息 localStorage.setItem('token', response.data.token || ''); localStorage.setItem('userId', response.data.id || ''); localStorage.setItem('userType', response.data.type || ''); localStorage.setItem('username', response.data?.username || ''); localStorage.setItem('isLoggedIn', 'true'); console.log('登录成功'); // 登录成功,跳转到首页 const redirect = route.query.redirect || '/home'; router.push(redirect); } } catch (err) { if (err.code === 1005) { error.general = '用户名或密码错误'; } else { error.general = err.message || '登录失败,请稍后重试'; } } finally { loading.value = false; } }; // 页面加载时检查登录状态 onMounted(() => { const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true'; if (isLoggedIn) { router.push('/home'); } }); </script> @RequestMapping("/user") public class UserController { @Autowired private UserService userService; // 用户登录 @PostMapping("/login") public Resp<User> login(@RequestBody LoginForm loginForm) { User user = userService.login(loginForm.getUsername(), loginForm.getPassword()); return Resp.ok(user); } //静态内部类,用于接收前端传递的登录参数 @Data public static class LoginForm { private String username; private String password; }前后端数据连接异常
06-20
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值