Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用Ajax刷新obflush

使用Ajax刷新obflush
EN

Stack Overflow用户
提问于 2012-05-07 22:00:06
回答 1查看 350关注 0票数 0

好了,我已经创建了一个向导,一切都很好。但是如果你愿意的话,我有一小部分似乎“困扰”我。

在我构建的向导的最后一步,它使用obflush将数据处理到屏幕上,以显示正在发生的一些操作。但这样做的问题是,在obflush过程完成之前,“整个”页面都不会加载,然后页面就会排列整齐等等。

我想知道是否有这样的方法,也许ajax可以刷新obflush进程?

也许这是完全错误的,但这就是我所能想象的。

用户通过向导转到最后一个页面,整个页面在页面的末尾加载一些ajax代码来应用于标记,也许ajax每秒都在刷新自己,以检查obflush的更新,然后将obflush输出到屏幕上。

这有意义吗?

任何洞察力都是非常值得欣赏的。

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-05-07 22:21:00

这个问题是关于如何用Ajax加载网页的一部分。特别是,如何加载页面的结构,然后使用Ajax调用填充细节。

我假设这样做的目的是快速加载结构,因为它确实包含一些内容,然后加载页面中需要很长时间才能处理的部分。否则,屏幕上的效果将是加载速度变慢。

我将使用JavaScript库jQuery来帮助实现这一点,尽管它可以在没有任何库的情况下完成,如此question所示。

  • 浏览器发出网页请求,服务器会像往常一样做出响应,但只要在加载的基本上为空的页面中使用
  • 的页面结构,jQuery就会使用load()进行Ajax调用,将响应从一个URL加载到指定的HTML部分。

代码如下所示,其中my-intro-div是常规HTML div标记的id:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(function() {
    var myIntroDiv = $('#my-intro-div');    

    myIntroDiv.load('/my_intro_div.php');
});

  • PHP script my_intro_div.php返回要在my-intro-div tag

中显示的HTML

这里的jQuery文档中有一些很好的示例:

http://api.jquery.com/load/

jQuery还可以在很多其他方面提供帮助。它有一个微小的学习曲线,可能会有点陡峭,但在那之后,我发现它是我使用的最直观的“语言”。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10489752

复制
相关文章
pbootcms使用Ajax无刷新提交留言及表单
表单提交方式为post,表单中提交的字段名称需要与后台自定义表单中添加的字段一致,否则会导致提交失败。
小唐同学.
2022/02/23
3.6K0
Pbcms 使用 Ajax 无刷新提交留言及表单
PbootCMS 本身对于使用 ajax 请求进行提交时会返回 Json 数据,那么我们可以无需使用 API 的情况下实现 ajax 提交留言,并自定义页面提示,提升用户体验。
Savalone
2020/02/11
2.9K0
pbootcms使用Ajax无刷新提交留言及表单
PbootCMS 本身对于使用ajax请求进行提交时会返回Json数据,那么我们可以无需使用API的情况下实现ajax 提交留言,并自定义页面提示,提升用户体验。 关于pb的ajax很多文章代码都有个小缺陷,什么都不填点击提交后端显示空白数据,下面我根据官方提供的代码改良了一下 1.表单验证 <form onsubmit="return submsg(this);">     联系人<input type="text" name="contacts" required id="contacts">     
小唐同学.
2022/02/23
3.5K0
Pbootcms ajax 无刷新点赞
先引入 jq 文件 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 无须使用 API, 把以下代码放入合适的位置即可,可自定义 css <button class="support">点赞</button> <!--按钮---> <div id="support_number">{content:likes}</div> <!--赞数量--> <p class="supported"></p>
Savalone
2020/01/18
4.7K0
AJAX 下拉无刷新分页加载
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/71641379
泥豆芽儿 MT
2018/09/11
4.9K0
AJAX 下拉无刷新分页加载
Pbcms Ajax 无刷新加载内容
前段时间,群里有位同学问起 Ajax 加载的问题,这个不属于模板制作系列教程的内容,因此单独再出一个使用技巧系列的教程。
Savalone
2020/02/11
4.2K0
Ajax下载文件(页面无刷新)
说明:Ajax是无法实现文件传输的,本文只是模拟了Ajax不刷新页面就可以请求并返回数据的效果。实质上还是通过提交form表单来返回文件流的输出。
用户1518699
2019/05/25
7.4K0
ajax实现看视频无刷新评论
学会使用开发者工具找错误,同时使用$.ajax()的好处,可以看到错误的出在那里
静心物语313
2020/03/24
2.5K0
ajax实现看视频无刷新评论
关于ajax无刷新上传和下载
这是一个没什么含量但是又用的比较多又不得不说的问题,其实真的不想说,因为没什么好说的。
chuchur
2022/10/25
2.5K0
django-Ajax,局部刷新技术
*** 今天是3-31号,学习了ajax技术,不刷新页面局部提交数据 其实也并不难,就是直接用的jq封装好的代码即可 直接上代码吧, 如果使用了ajax的话,就不需要form表单了。因为没意义了 *** 首先你得需要一个用户名输入框,和一个密码输入框,在加一个button提交按钮, *** {% csrf_token %} #账号<input type=”text” name=”name” id=”username”><br> 密码<input type=”text” name=”pwd” id=”password”><br> <button id=”sub”>提交</button> 记得加上csrf_token噢 *** 最主要的是里面的id,用于后面js获取到输入的值, 然后开始js的编写 *** 首先引入js *** <script src=”https://code.jquery.com/jquery-3.1.1.min.js”></script>
kirin
2020/05/09
3.7K0
thinkphp5学习路程 七 ajax使用和实现分页无刷新
其中上面的代码是c.html这个文件,随后调用的ajax方法是渲染c.html,而xmlhttp.open中的test方法就是渲染a.html,在此之前a.html文件就是实现的分页;
meihuasheng
2021/03/16
1.1K0
Ajax使用
var path = "{%#path%}";//当前路径(公司写法) var url = path + "?xmls=xmls/news.xmls&method=fangansxx";//URL路径
小语雀网
2022/05/06
6800
Ajax:初次认识ajax,ajax使用方法
我们来个简单的测试,使用最原始的HttpServletResponse处理 , .最简单 , 最通用
冷环渊
2021/10/19
5.8K0
pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新
再通过 onhashchange 事件监听hash锚点的变化,手动进行前进后退操作,浏览器支持度
书童小二
2018/09/03
2.4K0
pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新
thinkphp3.2解决ajax无法刷新表单令牌token
找到文件ThinkPHP\Library\Think\Controller.class.php
96php.cn
2019/12/11
1.7K0
thinkphp3.2解决ajax无法刷新表单令牌token
SUI分页组件和avalon搞定ajax无刷新分页
<div ms-controller="main"> <h2 class="pagination-centered">{{ title }}</h2> <form method="get" action="" class="sui-form" style="margin-bottom:5px;"> 重量:<input class="input-medium" type="text" name="weight" value="@ViewBag.weight" id="weigh
阿炬
2018/05/11
1.6K0
SpringMVC—Ajax使用
Ajax的核心是XMLHttpRequest对象(XHR){内置对象},XHR为服务器发送请求和解析服务器响应提供了接口,能够以异步方式从服务器获取新数据
Java架构师必看
2021/05/14
1.7K0
SpringMVC—Ajax使用
asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
首先贴上Jquery的ajax: $.ajax({ url: 'ws_Ajax.asmx/BindDictByUpper', type: 'POST', contentType: 'application/json;charset=utf-8', dataType: 'json', data: '{ PpareId:"' + varlue
hbbliyong
2018/03/05
3.8K0
点击加载更多

相似问题

使用ajax进行刷新

10

使用ajax自动刷新

20

使用ajax刷新javascript

12

使用ajax刷新div

13

使用Ajax/PHP刷新

36
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文