ajax获取url信息

Question

我的表单中包含很少的文本输入和按钮，它们都是相同的，看起来像这样：

<div class="form-group">
    <label for="inputUrl1">Url:</label>
    <input name="Url" type="url" class="form-control" id="inputUrl1" placeholder="Input your url here">
    <button type="submit" class="btn btn-success" onclick="getInformation()">Get information</button>
</div>

我希望从url输入中获取数据并向此url发送ajax请求以获取有关它的信息（标题和响应代码） 我正在使用ajax请求：

<script>
    $(document).ready(function() {
        function getInformation() {
            var url = $("input").val();
            $.ajax({
                type: "GET",
                url: url,
                cache: false,
                success: function(data) {
                    $(".result").append(data);
                }
            });
        }
    })
</script>

但它不起作用。我怎样才能做到这一点？要从我的输入字段中获取一些值，请获取有关此请求的信息并将其添加到我的页面。