`

点击和ajax使用window.open 处理

    博客分类:
  • web
 
阅读更多

今天做支付,点击提交订单后确认支付,想法是打开一个新的tab页让用户完成支付。

做的过程中发现

点击

ajax 订单提交完成后,使用window.open 直接用window.open(url)方式会弹出一个新的浏览器无状态窗口,后来网上搜索,将代码改为如下,ok。

var w = window.open(); 
$('#submitOrder').form('submit',{
        url: 'url',
		success : function(data) {
        	cancal_pop();
			try {
				data = jQuery.parseJSON(data);
				if (data.status == "succ") {
					
					if(data.payUrl && data.payUrl !=''){
						payUrl = data.payUrl;
						w.location=data.payUrl;
					}
					return ;
				}else{
					if(data.message){
						alert(data.message);
					}
					else{
						alert("提交失败");
					}
					return ;
				}
			} catch(e) {
				//alert(e)
			}
		},

 

 

整个页面有可能出现

Uncaught SyntaxError: Unexpected token )

查看下是不是有javascript:void()的,改为javascript:void(0);

分享到:
评论

相关推荐

    Ajax请求响应中用window.open打开新窗口被拦截的解决方法

    然而,直接在Ajax响应中使用`window.open()`方法可能会遇到浏览器的拦截问题。这是因为浏览器的安全策略通常会阻止非用户交互触发的新窗口打开,以防止恶意脚本滥用。本文将探讨这个问题的原因以及几种可能的解决...

    window.open打开窗口被拦截的快速解决方法

    总的来说,处理`window.open`被拦截的问题,关键在于理解浏览器的安全策略和用户交互原则。通过正确地构造URL、选择合适的时机以及合理设置窗口特性,可以有效地规避大部分拦截问题。同时,开发者应该遵循良好的编程...

    window.open()实现post传递参数

    通常,`window.open()` 的使用方式是 `window.open(url, target, features)`,其中 `url` 是要打开的页面的地址,`target` 指定打开的位置(如 `_blank` 表示新窗口),`features` 是窗口特征的字符串,如宽度、高度...

    详解window.open被浏览器拦截的解决方案

    在网页开发中,有时会遇到使用`window.open`方法创建新窗口被浏览器拦截的问题,这主要是因为浏览器的安全策略。浏览器为了防止恶意脚本无休止地弹出窗口,会对非用户交互触发的`window.open`调用进行拦截。本文将...

    window.XMLHttpRequest详解(AJAX工作原理)1

    `window.XMLHttpRequest`和AJAX技术为现代Web应用带来了强大的交互性和实时性,使开发者能够在不刷新整个页面的情况下更新页面的部分内容。掌握这些技术对于从事前端开发的工程师来说至关重要。

    js实现window.open不被拦截的解决方法汇总

    今天在处理页面ajax请求过程中,想实现请求后打开新页面,就想到通过 js window.open 来实现,但是最终都被浏览器拦截了。 二、分析: 在谷歌搜索有没有解决方法,有些说可以通过新建a标签,模拟点击来实现,但是...

    HTML5如何用window.postMessage在网页间传递数据

    估计很少人知道HTML5 APIS里有一个window.postMessage API。...var myPopup = window.open(domain '/windowPostMessageListener.html','myWindow'); //周期性的发送消息 setInterval(funct[......] 阅读全文>>

    window.XMLHttpRequest详解(AJAX工作原理)2

    ### window.XMLHttpRequest详解(AJAX工作原理) #### 一、简介 `window.XMLHttpRequest` 是一个内置对象,用于在浏览器端发起异步 HTTP 请求。它主要用于实现 AJAX (Asynchronous JavaScript and XML) 功能,允许...

    window.open的页面如何刷新(父页面)上层页面

    标题中的问题 "window.open的页面如何刷新(父页面)上层页面" 指的是如何在使用 `window.open` 创建的新窗口中执行 JavaScript 代码以刷新其父窗口。这个问题的解决方案已经在描述中给出,主要涉及以下 JavaScript ...

    jquery trigger伪造a标签的click事件取代window.open方法

    但出于用户体验和浏览器安全限制的考虑,有时候开发者可能希望使用更为精细和可控的方式来处理点击事件,比如使用jQuery的trigger()方法来触发a标签的click事件,从而取代window.open()。 首先,我们需要了解什么是...

    Window.Open如何在同一个标签页打开

    如果有Ajax,那么设置 async:false,//使AJax同步 var countdownInterval; /*确认立即充值*/ function ToRecharge(){ var paramData = new Object(); paramData.PayType = 1;//支付宝支付 paramData.OrderMoney = ...

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

    然而,当使用`window.open()`方法时,如果这个操作不是由用户的直接交互(如点击按钮)触发,浏览器出于安全考虑可能会将其拦截。本文将深入探讨这个问题,并提供两种解决方法。 首先,我们来理解一下为什么浏览器...

    JavaScript中windows.open()、windows.close()方法详解

    理解并正确使用`window.open()`和`window.close()`可以帮助开发者创建更丰富的用户交互体验,但需谨慎处理以遵循浏览器的限制和最佳实践。同时,考虑到跨浏览器兼容性和用户体验,尽量减少弹出窗口的使用,而是利用...

    window.XMLHttpRequest详解

    可以监听`onerror`和`ontimeout`事件来处理请求失败或超时的情况。同时,`timeout`属性可以设置请求的超时时间: ```javascript xhr.timeout = 5000; // 设置超时时间为5秒 xhr.ontimeout = function() { console....

    window对象方法属性全解

    然而,有些情况下,如在事件处理函数中调用`location.href`、`window.close()`或`window.open()`,则需要明确指定window对象,以避免语义上的混淆。 理解并熟练应用这些方法和属性,能够使你在Web开发中更加自如地...

    有关ajax进度条........

    定义`createXMLHttpRequest()`函数来创建XMLHttpRequest实例,`go()`函数用于启动进度条,`goCallback()`和`pollServer()`函数处理Ajax的回调,`pollCallback()`函数更新进度条的宽度。 ```javascript var xmlHttp;...

    Js拦截全局ajax请求

    在JavaScript开发中,有时...综上所述,通过理解和运用Ajax Hook,我们可以对全局的Ajax请求进行灵活的控制和处理,提升代码的可维护性和用户体验。在项目中合理使用Ajax Hook,可以更好地实现业务需求,提高开发效率。

Global site tag (gtag.js) - Google Analytics