如何设置Ajax请求的URL在新窗口或空白标签页打开？

嘿，我明白你搞混的点了——你把Ajax后台请求的逻辑和打开新页面的操作弄混啦，这很容易踩坑，我来帮你理清楚并给出解决方案！

首先得纠正一个核心误区：

你尝试的url: ('membership/fetchParishionersDetails.php','_blank')完全无效，因为Ajax的url参数只接受单个字符串地址，_blank是浏览器打开新窗口的目标属性，和Ajax的配置半毛钱关系都没有。Ajax本身是后台悄悄异步获取数据的技术，它的作用是在不刷新当前页面的前提下更新页面内容，根本不会触发页面跳转或新窗口打开。

接下来分两种常见场景给你解决方案：

场景1：你其实不需要Ajax，只想打开带POST参数的新页面 #

如果你的需求是把view参数以POST方式提交到目标URL，并在新标签页打开，那直接用Ajax就走错路了——可以用动态创建表单的方法（因为普通window.open只能传GET参数，POST需要表单支持）：

// 动态创建一个隐藏的表单
const form = document.createElement('form');
form.action = 'membership/fetchParishionersDetails.php';
form.method = 'POST';
form.target = '_blank'; // 指定在新标签页打开

// 添加POST参数view
const input = document.createElement('input');
input.type = 'hidden';
input.name = 'view';
input.value = view; // 这里的view就是你原代码里的变量值

// 把表单挂到页面上并提交
form.appendChild(input);
document.body.appendChild(form);
form.submit();
// 提交完记得移除表单，避免页面冗余
document.body.removeChild(form);

这个方法模拟了用户手动提交表单的行为，既能用POST传参，又能在新标签页打开目标页面，完美匹配你原Ajax的参数传递逻辑。

场景2：你需要先通过Ajax更新当前页面，再打开新标签页 #

如果你的需求是先完成Ajax的原有逻辑（更新下拉菜单、通知计数、播放提示音），再打开新标签页，那就在Ajax的success回调里添加打开窗口的代码，同时我还帮你修正了原代码里的一个小错误：

$.ajax({
    url: 'membership/fetchParishionersDetails.php',
    method: "POST",
    data: {view:view},
    dataType: "json", // 注意：原代码的type:"json"是错的，jQuery里用dataType指定返回数据类型，这样不用手动JSON.parse
    success:function(response) {
        // 保留你原有的业务逻辑：更新页面内容
        $('.dropdown-menu').html(response.notification);
        if(view !='') localStorage.setItem("noteCount",0);
        if(response.unseen_notification >= localStorage.getItem("noteCount")) {
            if(response.unseen_notification > localStorage.getItem("noteCount")) {
                var audio = new Audio('membership/sounds/beep1.wav');
                audio.play();
            }
            localStorage.setItem("noteCount", response.unseen_notification);
            $('.count').html(response.unseen_notification);
        }

        // 在这里添加打开新标签页的逻辑
        // 直接打开目标页面
        window.open('membership/fetchParishionersDetails.php', '_blank');
        // 如果需要把view以GET方式传到新页面，改成下面这样：
        // window.open(`membership/fetchParishionersDetails.php?view=${view}`, '_blank');
    }
});

额外提醒： #

浏览器的弹窗拦截器会拦截非用户主动触发的弹窗（比如Ajax回调里的window.open），所以如果遇到弹窗被拦截的情况，最好把打开新页面的逻辑绑定到用户的点击事件上（比如按钮点击），而不是放在Ajax回调里。

内容的提问来源于stack exchange，提问作者Agbogidi Michael