var TUI = {};
(function() {
var cacheData = {
};
TUI.onceAjax = function(args){
console.log(new Date())
var oStat = cacheData[args.id];
if (!oStat) {
cacheData[args.id] = oStat = {
bLoading : false,
bLoaded : false,
data : null,
queue:[]
}
}
var _callback = function(data){
oStat.bLoaded = true;
oStat.data = data;
for(var i=0,len = oStat.queue.length;i<len; i++){
oStat.queue[i](data);
}
};
if (oStat.bLoaded) {
args.success(oStat.data);
} else {
if(typeof args.success === "function"){
oStat.queue.push(args.success);
}
if (!oStat.bLoading) {
oStat.bLoading = true;
jQuery.getScript(args.url + "&var=TestJson",function(){
_callback(window["TestJson"]);
});
}
}
};
})();
//example:
TUI.onceAjax({
id:'test2',
url: "xxxxxx",
success : function(rs){
console.log( rs);
}
});
分享到:
相关推荐
2. **缓存控制**:通过`cache`选项,可以启用或禁用Ajax请求的缓存。 3. **异步与同步**:默认情况下,Ajax请求是异步的,但通过设置`async`选项为`false`,可以执行同步请求。 4. **超时**:`timeout`选项可以...
本篇文章将深入探讨如何使用jQuery的Ajax方法来调用WebService,以便在客户端与服务器之间实现异步数据交换。 首先,理解jQuery的Ajax方法至关重要。`$.ajax()`是jQuery的核心Ajax函数,它允许我们进行复杂的HTTP...
2. 在需要使用缓存的$.ajax()调用中,添加特定的选项。比如设置`cache: true`以启用缓存,以及可选的`cacheDuration`参数来指定缓存的有效时间(以毫秒为单位)。 ```javascript $.ajax({ url: 'your-api-url', ...
对于IE浏览器中的AJAX缓存问题,有两种常见的解决方案: 1. **添加随机参数** 为了防止IE浏览器缓存AJAX请求的结果,可以在每次发送AJAX请求时,向URL中添加一个随机参数,通常使用当前时间戳或者随机数。这样做...
### 如何操作Ajax调用:深入理解与实践 在现代Web开发中,异步JavaScript和XML(Ajax)技术被广泛应用于实现网页的异步数据交互,使得用户可以在不刷新整个页面的情况下,动态地获取和更新数据。本文将深入探讨如何...
本文将深入探讨如何使用$.ajax调用后台的.aspx页面,以及涉及到的相关知识点。 一、$.ajax简介 $.ajax是jQuery库中的一个核心方法,它允许我们执行HTTP请求,如GET和POST,与服务器进行通信。此方法支持JSON、XML、...
在Web应用中,使用Ajax技术可以实现页面局部更新,提高用户体验,而添加Math.random()是为了防止浏览器缓存请求,确保每次调用的数据都是最新的。 首先,让我们深入理解Ajax。Ajax(Asynchronous JavaScript and ...
Smartjax是一款可以将ajax请求的内容进行智能缓存的jQuery插件。Smartjax.ajax()可以将ajax的回调内容缓存在浏览器中,再次进行相同url的ajax调用时,不会在向服务器发送请求,而是读取本地的缓存。
### 使用AJAX的GET和POST方法调用Servlet的详尽解析 #### 一、引言 在现代Web开发中,异步JavaScript与XML(AJAX)技术被广泛应用于实现无刷新更新网页的部分内容,极大地提升了用户体验。AJAX通过在后台与服务器...
本文主要探讨了在Ajax调用中遇到的IE浏览器缓存问题及其解决方案。 Ajax请求通常用于向服务器获取数据,更新网页部分区域,而不刷新整个页面。然而,在Internet Explorer(IE)浏览器中,如果XMLHttpRequest请求的...
在ASP中实现Ajax调用,首先你需要理解以下几个关键组件: 1. **JavaScript库**:通常,开发者会使用jQuery或其他类似的库来简化Ajax操作,因为它们提供了简洁的API。例如,在jQuery中,`$.ajax()`函数是发起Ajax...
然而,浏览器缓存机制有时会导致Ajax请求的数据不是最新的,这就是所谓的Ajax缓存问题。这种缓存问题会导致浏览器在发起Ajax请求时,并未向服务器请求新的数据,而是直接使用之前加载的缓存数据,从而使得获取的数据...
在Web开发中,异步调用是至关重要的技术,它使得网页可以在不刷新整个页面的情况下与服务器进行数据交互...实际项目中,可能还需要考虑错误处理、请求缓存、跨域问题等复杂情况,但这些基础概念是理解异步调用的核心。
1. **缓存利用**:对于不经常变化的数据,可以通过缓存来避免不必要的Ajax请求。可以使用浏览器的localStorage或sessionStorage,或者服务端的缓存策略。 2. **分页和懒加载**:对于大数据集,采用分页或懒加载策略...
**AJAX无刷新技术详解与文件调用实例** 在当今的Web开发中,用户体验的提升是至关重要的。AJAX(Asynchronous JavaScript and XML)技术的出现,使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新...
### AJAX 清理缓存详解 #### 一、引言 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于构建动态网页应用。它通过后台与前端的异步数据交互,实现无需刷新整个页面即可更新部分页面内容...
然而,在使用`.ajax`进行局部刷新后,有时会出现JavaScript无法正确调用的问题,这主要涉及到DOM(文档对象模型)更新、作用域以及事件绑定等问题。下面将详细探讨这个问题及其解决方案。 ### 1. DOM更新问题 当`....
本文将详细介绍如何使用jQuery的Ajax方法调用后端JSP页面,处理JSON数据。 首先,前端使用jQuery的Ajax方法`jQuery.get()`来发起HTTP GET请求。在提供的示例中,前端JavaScript代码如下: ```html ...
- **缓存策略**:可以通过设置HTTP头来控制Ajax请求是否缓存,以提高性能。 - **预加载和懒加载**:对于大型应用,可以使用Ajax按需加载数据,减少首屏加载时间。 6. **实践示例**: - 使用jQuery的$.ajax()方法...
首先,它提供了一种机制,通过ajax_url在 URL 路由器中区分 AJAX 调用和非 AJAX 调用。 这允许您将 URL 注册到服务名称。 一旦您包含了必要的附带 JavaScript,您就可以直接对这些注册名称进行 AJAX 调用。 例如,...