javascript-challenges-book

Input Search

Reviewing the code of your colleague you have found this snipped of code:

$( document ).ready( function() {
  $( '#inputSearch' ).keypress( function() {
      $.ajax( {
        url: 'http://www.domain.com/search',
        data: this.value,
        success: function ( data )
        {
            var results = data.results;
            $( '#list' ).empty();
            $.each( data, function ( item ) {
                $( '#list' ).append( '
  • ' + item + '
  • ' ); } ); }, error: function ( xhr, status, error ) { console.log( 'Something goes wrong!', status, error.message ); } } ); } ); } );

    In this code there is a performance issue that should be fixed, could you help us?

    Exercise
    Correct!
    False!
    Fix the performance issue:
    $( document ).ready( function() { $( '#inputSearch' ).keypress( function() { $.ajax( { url: 'http://www.domain.com/search', data: this.value, success: function ( data ) { var results = data.results; $( '#list' ).empty(); $.each( data, function ( item ) { $( '#list' ).append( '
  • ' + item + '
  • ' ); } ); }, error: function ( xhr, status, error ) { console.log( 'Something goes wrong!', status, error.message ); } } ); } ); } );