Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 09:00:06
original
4018 Les gens l'ont consulté

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); 
}); 
} 
}); 
Copier après la connexion

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 !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal