The $.ajax method based on jquery makes the resolution of the page flicker by asynchronous request _jquery

Scene

Currently there is a need to fill in the text box, automatically trigger the KeyUp event, the Drop-down list will automatically filter the appropriate options, but the use of $,ajax found that every time the event triggered, causing the entire Web page flashing, triggering the global Ajax event

Code fragment

$.ajax ({ 
type: "POST", 
url:root + "/xxx, 
data:requestdata, 
dataType:" JSON ", 
success: function (data) { 
//Empty list 
$ ("#formOpinion #listLeft"). empty (); 
$.each (data, 
function (i, $data) { 
var $option = $ ("<option name= ' Opinion.tag ' value=" 
+ $data. Code + $ Data.name + ">" + $data. Code 
+ $data. Name + "</option>"); 
Bind data to Listleft 
$ ("#formOpinion #listLeft"). Append ($option); 
} 
 

Solution

View the jquery API documentation found that there is a global attribute in the $.ajax. You can set whether to globally scope AJAX events, default to True, and false to

The above content is small to introduce the jquery based on the $.ajax method of asynchronous request cause page flicker solution, hope to all help!