点击和ajax使用window.open 处理

最新推荐文章于 2025-11-29 16:24:14 发布

原创最新推荐文章于 2025-11-29 16:24:14 发布 · 872 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

web 专栏收录该内容

7 篇文章

订阅专栏

本文讨论了在电商网站中，通过AJAX提交订单后，如何优化用户体验以实现无缝支付过程。主要关注点在于AJAX提交后，如何利用JavaScript避免在原有页面上创建无状态窗口，并提供了一个解决方案来实现支付跳转。

今天做支付，点击提交订单后确认支付，想法是打开一个新的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);