javascript - 页面加载后的 Ajax 调用

Question

我正在尝试构建一个搜索页面，用户可以在其中将文本输入到搜索框中，然后根据搜索生成该页面。我遇到了时间问题，因为在 JS 尝试编辑页面上的值后加载空白搜索页面。

$.ajax({
    type: 'GET',
    url: '/index.php/content/generate_search',
    data: {
        search: input.val()
    },
    beforeSend: function() {
        window.location.href = '/index.php/content/search';
    },
    success: function() {
        $('.hero h1').text(input.val());
    }
});

Answer 1

要检查 DOM 是否已完全加载，必须执行许多步骤并考虑所有浏览器。 (我在 jQuery 源代码中找不到实现，但我会返回一个链接)。

因为您已经在使用 jQuery，所以最简单也可能是最好的方法是:

$( function() {
    // your code here
} );

这是

的简写

$( document ).ready( function() {
    // your code here
} );

编辑

好吧，正如我所 promise 的，我回来实现了document.ready .您可以在 GitHub 上找到它。 Here是文件当前版本的永久链接。