Javascript 如何重新加载按enter键时有输入标记的特定div

我在页面顶部有一个搜索框，当用户点击相邻按钮时，它会发出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();
        }
    });
}

$（“#搜索栏”）。打开（“输入键”，函数（e）{
//
搜索（'无论搜索字符串可能是什么'，函数（结果）{
//获取结果并放入resultcontainer
$（'.resultContainer'）.html（结果）；
});
e、 预防默认值（）；
});
$（“#搜索栏”）.keyup（函数（事件）{
如果（event.keyCode==10 | | event.keyCode==13）{
$（此）.trigger（“enterKey”）；
event.preventDefault（）；
}
});
函数搜索（数据、回调）{
//执行ajax调用并在成功时调用回调
//检查jquery文档中的语法是否正确
美元邮政({
“数据”：数据，
“url”：您的搜索url，
成功：功能（结果）{
回调（结果）；
}
});
}

$（“#搜索栏”）。打开（“输入键”，函数（e）{
//
搜索（'无论搜索字符串可能是什么'，函数（结果）{
//获取结果并放入resultcontainer
$（'.resultContainer'）.html（结果）；
});
e、 预防默认值（）；
});
$（“#搜索栏”）.keyup（函数（事件）{
如果（event.keyCode==10 | | event.keyCode==13）{
$（此）.trigger（“enterKey”）；
event.preventDefault（）；
}
});
函数搜索（数据、回调）{
//执行ajax调用并在成功时调用回调
//检查jquery文档中的语法是否正确
美元邮政({
“数据”：数据，
“url”：您的搜索url，
成功：功能（结果）{
回调（结果）；
}
});
}

是否要将结果加载到#searchbar所在的同一个div中。能否显示搜索功能的内容。您可以查看ajax“当用户点击相邻按钮时进行ajax调用”-代码在哪里？当按下enter键时，您不能调用该函数吗？顺便说一句，这与jQuery UI有什么关系？是否要将结果加载到#searchbar所在的同一个div中。能否显示搜索函数的内容。您可以查看ajax“当用户点击相邻按钮时进行ajax调用”-这方面的代码在哪里？当按下enter键时，您不能调用该函数吗？顺便问一下，这与jQuery UI有什么关系？