入力タグがある特定のdivを再ロードする方法

Question

ページの上部に、ユーザーが隣接するボタンにヒットしたときにajax呼び出しを行う検索ボックスがあります。ユーザーが 'Enter'キーを押すと、適切なJavaScriptがページをリロードせずに実行されるように、入力タグを更新しようとしています。フォーム

$('#Searchbar').bind("enterkey", function (e) { 
    $("#Searchbar").load('Search(1);'); 
     e.preventDefault(); 
    }); 

    $('#Searchbar').keyup(function (event) { 
     if (event.keyCode === 10 || event.keyCode === 13) {   
      $(this).trigger("enterKey"); 
      event.preventDefault(); 
     } 
    }); 
} 

Answer 1

$('#Searchbar').on("enterkey", function(e) { 
 
    // 
 
    search('whatever your search string might be', function(result) { 
 
    // get the result and put in the resultcontainer 
 
    $('.resultContainer').html(result); 
 
    }); 
 
    e.preventDefault(); 
 
}); 
 

 
$('#Searchbar').keyup(function(event) { 
 
    if (event.keyCode === 10 || event.keyCode === 13) { 
 
    $(this).trigger("enterKey"); 
 
    event.preventDefault(); 
 
    } 
 
}); 
 

 
function search(data, callback) { 
 
    //Do an ajax call and call the callback on succes 
 
    //Check for proper syntax in jquery documentation 
 
    $.post({ 
 
    'data': data, 
 
    'url': your search url, 
 
    success: function(result) { 
 
     callback(result); 
 
    } 
 
    }); 
 
}