Javascript 页面加载后的Ajax调用

我正在尝试构建一个搜索页面，用户将文本输入到搜索框中，然后根据搜索生成页面。我有定时问题，因为在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());
    }
});

---

onload用于在pageload上执行代码

window.onload = function() {
  // your code
};

试试这个：

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

---

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

由于您已经在使用jQuery，因此最简单、可能也是最好的方法是：

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

这是

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

编辑

好的，正如我所承诺的，我回来时实现了。你可以在这里，在GitHub上找到它。是指向文件当前版本的永久链接。

此代码：

…导致浏览器在发送Ajax请求之前离开页面并加载新页面

因此，Ajax请求被取消。如果没有，那么就不会有JavaScript等待接收响应

---

如果您想访问

/index.php/content/search

，然后启动Ajax请求，那么启动Ajax请求的JavaScript必须在

/index.php/content/search

上。您刚刚离开的页面无法在下一页上运行JavaScript。

加载主页或加载window.location.href中的url时，会触发此操作吗？

beforeSend: function() {
    window.location.href = "/index.php/content/search";
},