ajax找到标签后生成新标签,AJAX 请求后使用 JS 打开新标签页被阻止的解决方法...

最新推荐文章于 2021-08-10 22:43:19 发布
最新推荐文章于 2021-08-10 22:43:19 发布
阅读量390 收藏
点赞数 1
文章标签： ajax找到标签后生成新标签

需求：发起一个 AJAX 请求，根据请求结果来打开一个新页面。

问题：AJAX 请求后，使用 window.open() 方法来打开新页面会被浏览器阻止。

解决方法：在 AJAX 请求之前，就使用 const newWindow = window.open('about:blank'); 来打开一个空白页，AJAX 请求后拿到结果，再使用 newWindow.location = 'xxx'; 来让新页面跳转到需要的地址，

例：

// 在线支付

@action onlinePayment = async() => {

if (!this.selectedPrice) {

message.info('请选择时长');

return;

}

this.payWindow = window.open('about:blank'); // 打开一个新页面

try {

let order;

// 余额支付失败转在线支付

if (this.order.orderNo && this.order.selectedPrice === this.selectedPrice) {

order = await banlaceOnlinePay(this.order.orderNo); // ajax 请求

} else {

// 直接在线支付

order = await postOnlinePay({ goods: { goodsId: this.selectedPrice, goodsNum: 1 } }); // ajax 请求

}

this.changePayResult('paying');

if (order) {

this.payWindow.location = `${getPaymentRoot()}/#/payPage/${order.payId}`; // 修改新页面的 url

this.t = setInterval(async () => {

const status = await getOrderStatus(order.orderNo);

if (status) {

this.changePaid();

this.changeShowPayResult(false);

this.order.orderNo = null;

this.order.selectedPrice = null;

}

}, 2000);

} else {

message.error('支付出现问题');

this.payWindow.close(); // 如果 ajax 出问题，则关闭新窗口

}

} catch (e) {

message.error('支付出现问题');

this.payWindow.close();

}

};

chrome打开新标签页插件

标签(空格分隔): 日常办公,chrome浏览器 一直被chrome浏览器打开新标签页困扰,每次点开一个新标签页还要再去点一下主页,才能打开搜索页面.如果直接点击主页,又会把当前的页面刷掉,实在是非常 ...

Firefox火狐浏览器打开新标签页一直闪烁

问题:Firefox浏览器打开新标签页一直刷新,不能打开页面 解决办法:在url栏输入about:support,打开配置文件夹,然后删除目录中包含storage所有文件,重启Firefox即可.

chrome 版本 29.0.1547.76 m 解决打开新标签页后的恶心页面的问题

个人非常不喜欢这个版本的新标签页的样子,特别是一再输入框中输入要搜索的东西,自动跑到标题栏中去了,比吃屎还恶心.下面是解决办法: 在地址栏输入:chrome://flags/ 按Ctrl+F,输入下面 ...

selenium 打开新标签页(非窗口)

如何利用webdriver打开多个标签页和链接呢,到处查找得到的往往只是如何打开标签页. 打开标签页很简单,浏览器打开标签页的快捷键是ctrl+t,那把ctrl+t的按键事件传入即可,很多种实现方式, ...

【解决方案】chrome打开新标签页自动打开chrome://newtab并且跳转到谷歌香港

简述天,昨天开始遇到这个问题,还没有留心,结果今天多次使用chrome的时候,就发现有些不对了..打开chrome的新标签页,结果出现了自动跳转的问题我自动跳转的是下面这个网页:https://www ...

chrome新版打开新标签页自动打开谷歌主页

最近更新了chrome,发现新版有个问题. 打开标签页时会自动跳转至 https://www.google.com/webhp?ie=UTF-8&gws_rd=cr&rct=j 导致我 ...

关于ajax请求数据，并将数据赋值给全局变量的一些解决方法

在使用ajax请求数据是,开始的时候是打算将ajax的数据取出,并赋予给全局变量,但是在实际编码过程中发现并不能将数据赋予给最开始定义的全局变量,出现这个问题的原因是由于ajax异步加载的原因,所以只 ...

教你如何修改FireFox打开新标签页(NewTab Page)的行列数

FireFox的打开新建标签页(即NewTab Page)默认只能显示3x3个网站缩略图,这9个自定义的网站,非常方便快捷,什么hao123的弱爆了,本人从未用过此类导航网站,曾经用过的也只是abou ...

js实现在新标签页打开页面

这种方法打开新标签页要在IE9+以上浏览器才可以!

随机推荐

Split Array Largest Sum

Given an array which consists of non-negative integers and an integer m, you can split the array int ...

XMLHttpRequest取得响应

RresponseText:获得字符串形式的响应数据 responseXML:获得XML形式的响应数据 status和statusText:以数字和文本形式返回HTTP状态码 getAllRespon ...

sql查询当天数据

向数据库中添加日期 MS SQL SERVER: NSERT into student(studentid,time1)values('15',getdate()); MY SQLinsert int ...

菜鸟学IT之IP基础

IT菜鸟,以后研究的方向是云计算,从基础的开始,这是第一篇博文.有不对的地方希望大家指正.IP是网络知识的基础,今天就开始学习IP. IP地址格式:IP地址就是"网络地址+主机地址&quot ...

使用Docker安装Oracle数据库

在很多时候,我们需要在本地安装Oracle数据库,但是整个安装的过程时间非常长而且安装文件大,那么有不有更好的办法来安装Oracle数据库既能减少安装的时间而且还能够快速进行部署呢?答案就是使用Doc ...

vue循環語句

迭代數組: v-for="site in sites”,sites表示源數組名,site表示數組元素: 迭代對象: v-for=“value in Object”, v-for=" ...

BZOJ 1195: [HNOI2006]最短母串

1195: [HNOI2006]最短母串 Time Limit: 10 Sec  Memory Limit: 32 MBSubmit: 1346  Solved: 450[Submit][Status ...

详解Linux安装GCC

为你详解Linux安装GCC方法 2009-12-11 14:05 佚名 博客园 字号:T | T 现在很多程序员都应用GCC,怎样才能更好的应用GCC.本文以在Redhat Linux安装GCC4. ...

移动端web，tap与click事件

一.tap与click的区别 两者都会在点击时系统自动触发,但是在手机WEB端,click会有 200~300 ms.延迟来自判断双击和长按,因为只有默认等待时间结束以确定没有后续动作发生时,才会触发 ...

hadoop备战：yarn框架的简单介绍(mapreduce2)

新 Hadoop Yarn 框架原理及运作机制 重构根本的思想是将 JobTracker 两个基本的功能分离成单独的组件,这两个功能是资源管理和任务调度 / 监控.新的资源管理器全局管理全部应用程序计 ...

绾荐
关注
Ajax请求响应中用window.open打开新窗口被拦截的解决方法
12-10
一、问题描述 ajax 异步请求成功后需要新开窗口打开 url，使用的是 window.open() 方法，但是会被浏览器给拦截了，需要用户点下。 二、问题分析 　　浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的，所以它认为这是不安全的就拦截了，即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为（trigger(‘click’)），浏览器也会认为不是由用户主动触发的，因此不能被安全执行，所以被拦截。 说明： 1、如果是在 这个中指定的 fun方法中
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
10-22
标题中提到的“jQuery ajax请求返回list数据动态生成input标签, 并把list数据赋值到input标签”涉及到多个知识点。首先，我们来探讨jQuery和ajax请求的基础概念，然后详细了解如何使用ajax请求从服务器获取数据，并...
ajax请求成功后打开新的tab
zxjdC的博客
12-11 397
需求 ajax 项服务端发起请求，比如“导出sql查询结果”，成功响应后，打开新tab到【查询结果下载列表页】。 实现 1. 前端 function exportQueryRes(source) { bootbox.confirm("你确定要导出数据么?", function (result) { if (result) { $.ajax({ url: '${basePath}/dm/query/executeSql', type: 'post', data: {
Ajax 请求后打开新窗口被拦截的解决方案
weixin_30378311的博客
11-30 229
公司业务上有个场景，需请求后台获取支付链接地址，再打开地址引导用户购买。这样的场景在其他企业应该也很场景。但是遇到个很常见的问题，Ajax后直接用window.open(url)，会被浏览器作为广告拦截。 解决方案： 方案一，在ajax请求前新开默认窗口： let win = window.open("", "_blank"); let par...
ajax找到标签后生成新标签,Ajax加载页面内容的div，但保持“在新标签中打开”右键点击...
weixin_29486701的博客
08-05 141
试试这个：function loadContent(event, param) {if (!event.ctrlKey) {console.log(param)return false} elsereturn true}href='http://google.com'onclick='return loadContent(event, "category")'>Testo我认为，没有必要解释...
ajax无法open,ajax中打开新页面使用window.open方法被拦截的解决方法
weixin_39902598的博客
08-05 695
$('.testA').unbind('click').bind('click',function(){var result="";$.ajax({url:'http://localhost/demo/windowopen/test.php','type':'POST',async:false,dataType:'json',success: function(data){if(data &amp...
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
10-18
`getmc()`函数是用于发送Ajax请求的，使用jQuery的`$.get()`方法。这个函数向服务器发送一个GET请求到`getJsonData.action`，并在接收到响应时将数据赋值给Vue实例的`mcs`属性： ```javascript function getmc() { ...
dwr.rar_dwr_dwr ajax_dwr 实现 联动 标签
09-23
Servlet处理来自客户端的AJAX请求，调用服务器上的Java方法，并将结果返回到JavaScript环境中。JavaScript库提供了易于使用的API，如`DWRUtil`和`DWREngine`，使得在前端调用服务器端方法变得简单。 2. **AJAX与DWR...
node.js+jQuery实现用户登录注册AJAX交互
10-19
在本案例中，Node.js用于构建服务器端逻辑，处理来自前台的AJAX请求。 知识点二：jQuery与AJAX交互 jQuery是一个快速、小巧且功能丰富的JavaScript库，简化了HTML文档遍历和操作、事件处理、动画以及Ajax交互。通过...
基于$.ajax()方法从服务器获取json数据的几种方式总结
11-27
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它的设计目标是人可读性高，同时也易于机器解析和生成。与XML相比，JSON更简洁，数据传输效率更高。JSON的基本结构包括对象和数组。对象是键值对的...
Ajax请求成功后打开新窗口地址
11-30
废话不多说，关键代码如下所示： jQuery.ajax({ "type":"post", "url":"http://www.baidu.com", "success":function(rel){ if(rel.isSuccess){ window.open(rel.url,"_blank"); } } }); 这个url请求成功后window.open(rel.url,”_blank”);会被浏览器拦截，无法打开新窗口，如果把window.open()放在ajax外面，问题就迎刃而解，代码如下： var result=""; jQuery.ajax({ "type":"post",
AJAX 请求后使用 JS 打开新标签页被阻止的解决方法
weixin_30357231的博客
03-21 270
需求：发起一个 AJAX 请求，根据请求结果来打开一个新页面。 问题：AJAX 请求后，使用 window.open() 方法来打开新页面会被浏览器阻止。 解决方法：在 AJAX 请求之前，就使用 const newWindow = window.open('about:blank'); 来打开一个空白页，AJAX 请求后拿到结果，再使用 newWindow.location = 'xxx';...
ajax动态创建scriipt标签及回调函数
小泥鳅
08-10 200
动态创建script标签 第一步：创建节点（包含不同变量） 第二步：加入其中 动态创建回调函数 第一步：在创建script的时候，把函数以参数的形式传递过去 第二步：这个函数可以自己定义，也可以引入外部文件 ...
ajax添加标签内容,使用jQuery UI添加标签，然后通过ajax填充内容
weixin_39637059的博客
08-06 311
好吧，基本上我使用的是ui.tabs，我想在第一个标签中有一个链接触发添加2个新标签，两者都会由ajax调用填充，该调用取决于所点击的链接的值。我有以下HTML：使用jQuery UI添加标签，然后通过ajax填充内容asdfasdfasdfasfasfasdfasdfasdfasfasf然后jQuery的到目前为止是这样的：$(function(){var tabs = $("#tabs").t...
ajax 在新选卡打开,JavaScript在新窗口中打开，而不是选项卡
weixin_33549115的博客
08-05 145
我有一个选择框，当选择一个项目时，它会调用window.open(url) 。 Firefox默认会在新标签页中打开页面。 但是，我希望页面在新窗口中打开，而不是在新标签页中打开。我该怎么做？#1楼关键是参数：如果提供参数[Height =“”，Width =“”]，它将在新窗口中打开。如果您不提供 Parameters，那么它将在新选项卡中打开。在Chrome和Firefox中测试#2楼在这里回...
解决火狐新窗口打开网页被拦截问题
Lee Chen的博客
04-14 6875
阅读更多系列文章请访问我的GitHub 博客，本文示例代码请访问这里。 Demo 运行方式 请在这里下载示例代码，并在终端中运行如下命令启动 Demo： 安装依赖 npm install 启动 Demo npm start 示例代码的服务端，由Koa实现。 由于谷歌浏览器无此问题，请在**火狐浏览器**中，打开http://localhost:8080/进行测试。 问题描述 出现问题的...
Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口
热门推荐
陈小峰（iefreer）的专栏
03-30 1万+
很多浏览器对新开弹出窗口进行了限制，popup窗口在默认情况下会被block掉。这样可能会造成按钮/链接/脚本不工作的假象。window.open("http:www.techbrood.com","_blank")以上JS语句是想新开一个窗口而不是在原有的窗口上跳转，这在分享内容时经常见到。究竟是弹窗还是新建标签页是由浏览器的设置决定的，并不由第二个参数_blank而确定。如果用户浏览器的设置是
ajax请求后新窗口打开,Ajax请求成功后打开新窗口地址
weixin_29943753的博客
08-05 1239
废话不多说，关键代码如下所示：jQuery.ajax({"type":"post","url":"http://www.baidu.com","success":function(rel){if(rel.isSuccess){window.open(rel.url,"_blank");}}});这个url请求成功后window.open(rel.url,"_blank");会被浏览器拦截，无法打开...
Node.js实战：前后端交互与Ajax案例解析
当浏览器遇到`<script>`标签内的AJAX请求时，它会发送HTTP请求到Node.js服务器获取JavaScript文件或数据，从而实现动态更新部分页面内容，提高用户体验。 3. **JavaScript部分**： JavaScript在客户端负责处理用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值