Solution au scintillement des pages provoqué par une requête asynchrone basée sur la méthode $.ajax de JQuery_jquery

Scénario

Actuellement, il est nécessaire de remplir le contenu de la zone de texte et de déclencher automatiquement l'événement keyup. La liste déroulante filtrera automatiquement les options correspondantes. Cependant, après avoir utilisé $,ajax, j'ai constaté qu'à chaque fois. L'événement est déclenché, la page Web entière clignote. L'événement ajax global est déclenché

.

Extrait de code

$.ajax({ 
type: "POST", 
url: root + "/xxx, 
data: requestData, 
dataType: "json", 
success: function(data){ 
// 清空列表 
$("#formOpinion #listLeft").empty(); 
$.each(data, 
function(i, $data) { 
var $option = $("<option name='opinion.tag' value=" 
+ $data.code + $data.name + ">" + $data.code 
+ $data.name + "</option>"); 
// 绑定数据到listLeft 
$("#formOpinion #listLeft").append($option); 
}); 
} 
}); 

Solution

En regardant la documentation de l'API JQuery, j'ai découvert qu'il existe un attribut Global dans $.ajax qui peut définir si l'événement ajax est global. La valeur par défaut est true, remplacez-la par false

.

Le contenu ci-dessus est la solution que l'éditeur vous présente, basée sur la méthode $.ajax de JQuery pour les requêtes asynchrones qui provoquent un scintillement des pages. J'espère qu'il sera utile à tout le monde !