Comment gérer le moment où Ajax ouvre une nouvelle fenêtre et est intercepté

Cette fois, je vais vous montrer comment gérer lorsqu'Ajax ouvre une nouvelle fenêtre et est intercepté. Quelles sont les précautions lorsqu'Ajax ouvre une nouvelle fenêtre et est intercepté. Voici des cas pratiques, voyons. jetez un oeil.

Récemment, alors que j'effectuais un paiement, j'ai constaté que le navigateur interceptait la fenêtre de paiement lors de son ouverture. Baidu a découvert que c'était parce qu'Ajax était utilisé pour vérifier si le paiement pouvait être effectué avant d'ouvrir la fenêtre. , donc l'utilisateur n'a pas déclenché l'ouverture de la fenêtre ixin et la navigation. Le serveur a pensé que c'était sûr, il l'a donc bloqué.

Solution 1

Ouvrez d'abord une nouvelle fenêtre vide, puis modifiez l'URL de la nouvelle fenêtre, le code spécifique est

var wd = window.open();
$.ajax({
  type: "POST",
  dataType: "json",
  url: URL,
  data: {orderNo:orderNo},
  success: function(data) {
    if(data.status=='success'){
      wd.location.href = 'http://www.baidu.com';
    }else{ 
      alert('订单不能支付！'); 
    }
  },error: function(data) {
    alert("正在加载请稍后！");
  }
});

Cette méthode d'implémentation présente un inconvénient, c'est-à-dire que, que l'ajax réussisse ou non, la ligne de code var wd = window.open(); nouvelle fenêtre, à moins qu'elle ne soit exécutée après un échec Fermé, mais cette expérience utilisateur sera très mauvaise, j'ai donc utilisé la deuxième méthode pour y parvenir.

Solution 2

Parce qu'ajax est asynchrone par défaut, il a des performances élevées et une bonne expérience utilisateur, mais cela entraîne également des problèmes de sécurité, pour faire croire au navigateur que l'ouverture d'une nouvelle fenêtre est sûre, tous les ajax doivent être synchronisés avant d'ouvrir une nouvelle fenêtre. Le code spécifique est

$.ajax({
  type: "POST",
  dataType: "json",
  url: URL,
  async: false,//同步请求
  data: {orderNo:orderNo},
  success: function(data) {
     if(data.status=='success'){
       window.open("www.baidu.com");
     }else{
       alert('订单不能支付！');
     }
  },
  error: function(data) {
    alert("正在加载请稍后！");
  }
});

Je crois que vous maîtrisez la méthode après avoir lu le cas. dans cet article, et plus encore Comme c'est excitant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Connexion utilisateur sans actualisation basée sur la technologie Ajax (avec code)

AJAX sans actualisation Connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!