使用变量或 JavaScript 动态调用 HTML 文件以提供搜索结果？

Question

一直无法找到如何使用 jquery 和 javascript 动态调用 HTML 文件，这就是我所拥有的（按下 enter 时调用 getContent）：

function getContent(){
    var inputval= $(input).val();
    document.getElementById("wrapper").innerHTML='<object type="text/html" data="'inputvalue'.html" ></object>';
}

两件事

1. 如何修复上面的代码以使用变量作为 html 文件名并将其作为输入的 val();
2. 如果有更有效的方法通过输入调用结果，其中数据位于使用 javascript（AJAX 或 PHP 都可以）的外部文件中，将不胜感激

顺便说一句，在某些情况下我有点像 JavaScript 菜鸟。

Answer 1

$.get($('input').val() + '.html', function (response) {
    document.getElementById('wrapper').innerHTML=response;
});