ajax请求成功后新开窗口window.open()被拦截解决方法

时间 2019-11-13

标签 ajax 请求成功新开窗口 window.open window open 拦截解决方法栏目 Ajax 繁體版

原文原文链接

ajax 异步请求成功后须要新开窗口打开 url，使用的是 window.open() 方法，可是很惋惜被浏览器给拦截了，怎么解决这个问题呢

问题：ajax

前面开发项目时碰到一个问题，ajax 异步请求成功后须要新开窗口打开 url，使用的是 window.open() 方法，可是很惋惜被浏览器给拦截了，怎么解决这个问题呢？
分析：json

浏览器之因此拦截新开窗口是由于该操做并非用户主动触发的，因此它认为这是不安全的就拦截了（不过若是是 _self 的话就不会有这个限制），即便 ajax 回调函数中模拟执行 click 或者 submit 等用户行为（trigger('click')），浏览器也会认为不是由用户主动触发的，所以不能被安全执行，因此被拦截。
解决方法：浏览器

一、异步改成同步，即：async:false安全

二、将新开窗口指向为一个对象，而后修改对象的 url，好比：
异步

        
          $( 
          '.task' 
          ).bind( 
          'click' 
          , 
          function 
          (){ 
         
          var 
          w = window.open(); 
         
          $.ajax({ 
         
          type:  
          'POST' 
          , 
         
          url:  
          '/surveyTask' 
          , 
         
          dataType:  
          'json' 
          , 
         
          error:  
          function 
          (){ 
         
          w.close(); 
         
          }, 
         
          success:  
          function 
          (res){ 
         
          w.location = res.url; 
         
          } 
         
          }); 
         
          });

最后须要说明的是：网上的动态添加 form 新开窗口的方法，并不适合 ajax 请求，至少博主测试了下仍然被浏览器所拦截。async