javascript - 有什么办法可以通过 jQuery 获取 HTTP 请求?

标签 javascript jquery ajax http

我有一个已经可以使用这种布局的应用程序

<header>
<div id="frame">
<footer>

我想做的是删除模板的页眉和页 footer 分,以便每个 HTTP 请求只传输 <div id="frame"> .这是简单的部分。

然后我想通过 AJAX 获取 GET 正文 HTTP 响应并淡出旧框架并用新框架替换它。 这有可能吗?如果不能,有什么建议可以实现这个目标吗?

编辑:

感谢您的回复,伙计们。不过,好像有误会。我想要实现的是不加载内容或删除页眉和页脚,我已经知道如何做到这一点。

我想要实现的是在每个 请求时中断刷新页面的 HTTP 协议(protocol),这样如果我单击一个工作链接,我想接收传入的服务器响应直接在我的 javascript 中,这样我就可以轻松地用 HTTP header 的新“原始”GET 主体替换我的 DIV 的内容。

我可能还需要某种全局链接处理程序来通过 AJAX 发送,以便在首次发送 HTTP 请求时网站不会变成空白,但我宁愿稍后再关注这一点。

最佳答案

.fadeOut()方法也可以有一个回调函数,一旦淡入淡出就执行。

要加载,请使用 .load()方法。

第一个参数允许你只提取一个页面片段。
第二个是加载完成时执行的回调。

这给出:

$('#frame').fadeOut(function() {
    // the fadeOut is finished, load the content
    $(this).load('mypage.html #frame', function(response, status, xhr) {
        // the load is finished, fadeIn
        $(this).fadeIn();
    });
});

关于javascript - 有什么办法可以通过 jQuery 获取 HTTP 请求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8342834/

相关文章:

javascript - 有条件处理ajax请求

javascript - 为什么更改 contentUrl 后我的附加面板的内容脚本不再响应端口消息?

php - WordPress 表格的 jQuery UI 自动完成

javascript - AJAX 从(NodeJS + Express)服务器请求 png/jpeg 图像并以 html 显示

ajax - 从 Facebook 返回的 X-FB-DEBUG header 是什么?

javascript - 如何将多个图表的缩放级别与 Plotly.js 同步?

javascript - 无法从 Angular 的下拉列表中填充和发布值

jquery - 为什么 jQuery 选项 :selected return first option when nothing is selected

jquery - ASP.NET MVC 3 - 通过 ajax 将额外参数与模型一起传递给操作不起作用

javascript - 在解决 RSVP 之前等待其他交互发生