`
moonlight2010
  • 浏览: 20071 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

ajax.request和ajax.periodicalupdate用法讲解

    博客分类:
  • java
阅读更多
Ajax.periodicalupdater:
含义:每隔一段时间对服务器请求,主要是用来前台页面想实时的显示后台的数据。举一个简单例子:
人人网页面右下角的提醒功能。这个功能就要求实时的监控看时候有人和你对话,如果当前有人和你对话,那就要弹出或者亮点显示头像,引起你的注意。
注意的问题:
这个对象初始化时候需要三个参数:
格式如下:
new Ajax.PeriodicalUpdater(container, url, options)
container:prototype中说是容器的名字,但是我觉得我们最好不要用。直接给他赋个字符串就可以了。注意这个字符串不是页面中某个元素的id。
url:你要请求服务器路径。他默认要求是绝对路径。我测试了一下。即使你写相对路径,他也按照绝对路径去找。
所以写这个请求路径的时候要写绝对路径。这个是要注意的。
Options:
Ajax 命名空间中的所有请求对象都共享一系列公共的选项和回调函数。 回调函数在请求生命周期的各个阶段被调用,并且它们具有相同的参数列表。在请求期间,参数所包括的选项被不断的传递到请求中。 想了解详细可以看一下prototype1.5开发文档。里面很详细。
对于ajax。Periodicalupdater我们只需要用到四个参数即可:
Parameters:传递请求的参数,这个参数必须是要用js函数encodeURI函数进行处理。
Frequency:请求的频率,单位是秒。每隔几秒访问一次请求。
Decay:当响应内容无变化时,控制请求时间间隔的增长比率,单位是1,默认是1秒。
如果你设置成1.5秒,频率是5秒,如果响应内容无变化的时候,下次访问的时间是7.5秒。
以此类推。
onSuccess:请求成功的回调函数,一般的格式是onSuccess:function(reponse){rresponse.responseText};返回内容。
什么时候用:
这个当然是在你需要哪个页面要进行监控就在哪个页面用到。
因为是加载页面就要监听,所以可以直接在script中声明一个变量来初始化他,
实际上初始化的时候就已经执行了。


如下
var remidChage = function (){
var financemanageURL = "tel=10000002&date=20101221";
alert(financemanageURL);
ajaxObj = new Ajax.PeriodicalUpdater('ReMind','<%=basePath%>financemanage/remind/ReMindList.do',{
parameters : financemanageURL,
frequency: 5,
decay: 1,
onSuccess : function(response) {
isLSX(response.responseText);
}
});
}
经常需要用到的函数说明:
clearInterval:参数是setinterval的返回值,主要作用就是停止周期性的执行工作。
setInterval:两个参数,第一个参数是可以有两种方式。第二个参数是时间,单位是毫秒。
两个例子:
  1 var int=self.setInterval("clock()",1000)  
 function clock(){var t=new Date()   
document.getElementById("clock").value=t   }

czbh = setInterval(function(){
if(clockObj.dbc==1){
clockObj.style.color="#FF0000";
clockObj.dbc = 2;
}else{
clockObj.style.color="#FFFFFF";
} },400);
 
Settimeout:
定义和用法:   
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。   
语法:   setTimeout(code,millisec)   
参数:   code (必需):要调用的函数后要执行的 JavaScript 代码串。   
millisec(必需):在执行代码前需等待的毫秒数。  
提示:   setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

eval:参数是字符串,这个函数可以把字符串当作js来执行,然后返回结果。个人非常喜欢这个函数
例子:
Var   xx = Eval(‘2+2’) ;
Xx的值是4
var  your_object = eval([{name:’tom’,age:10},{name:’dog’,age:12}]);
your_object.length 是2
your_object[0].name的值是tom

Ajax.request:
对服务器进行一次请求,只是一次请求,而且不会主动的请求,需要你触发。
简单的说,需要你调用函数去触发,所以这个对象一般是在一个函数中初始化。举一个简单的例子,市级级联显示例子。
如果你显示省份要自动带出这个省份内的城市。
这个请求则就应该是你选择相应省份的时候触发,有可能是onchange或者onblur
事件。
格式如下:
New ajax.request(url,options);
url:是绝对路径
optins是个对象。里面定义一些ajax的公用选项和回调函数。
具体可以参考prototype开发文档
一般来说。我们初始ajax.request只需要两个公用选项即可:
Parameters:请求的参数,这个参数必须要经过js的encodeURI函数进行编码。
然后定义个回调函数
onSuccess或者是onComplete
这个两个函数任意一个都可以。具体可以参考ajax。Periodicalupdate
  • Prototype.rar (269.2 KB)
  • 描述: prototype1.5开发手册
  • 下载次数: 4
分享到:
评论

相关推荐

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    Ext.Ajax.request 小问题收集

    这篇文章将深入探讨`Ext.Ajax.request`的使用,以及在实际应用中可能遇到的小问题。 首先,`Ext.Ajax.request`的基本语法如下: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', // 可选值有...

    Ajax.Request

    ### Ajax.Request知识点详解 #### 一、Ajax.Request简介 在现代Web开发中,异步JavaScript与XML(简称AJAX)技术被广泛应用于构建交互式的网页应用...通过以上介绍,希望能帮助读者更好地理解和使用`Ajax.Request`。

    ext-basex.js 进行Ext.Ajax.request 同步请求 FF无法正常

    `Ext.Ajax.request`是ExtJS中的一个方法,用于发起Ajax(异步JavaScript和XML)请求。它可以执行GET、POST、PUT、DELETE等各种HTTP操作。在默认情况下,这些请求是异步的,这意味着它们不会阻塞页面的其他操作,而是...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...

    ajax.dll以及说明文档和demo

    提供的`说明文档`会详细阐述如何正确使用`ajax.dll`,包括安装步骤、API接口的使用方法、示例代码以及可能遇到的问题和解决方案。阅读并理解这份文档对于高效地集成和使用`ajax.dll`至关重要。 **Demo的实践意义** ...

    Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理.doc

    Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理

    AjaxRequest(Ajax使用包)

    **AjaxRequest(Ajax使用包)** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。AjaxRequest是实现Ajax功能的一个工具包,它...

    jquery.unobtrusive-ajax.min.js

    Ajax.BeginForm 提交,需要引用此文件才会执行OnSuccess

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    (1)Ext.FormPanel f.getForm().submit({ url:”... }, failure:function(c,v,e){} }) (2)Ext.Ajax.request Ext.Ajax.request({ url:”….”, params:{XX:xx….}, success: function (v,c) { var json=Ext.decode(v.r

    Ajax初学(Ajax.dll)

    3. "一种开发AJAX的方法,ajax.dll .docx":这可能是另一种使用Ajax.dll的示例或教程,可能包含了一些开发技巧和最佳实践,帮助你深入理解Ajax.dll的工作原理和用法。 通过阅读并实践这些文档,你可以逐步掌握如何...

    Ajax.dll原代码(C#版本)

    Ajax.dll原代码(C#版本) Ajax Ajax.JSON Ajax.JSON.HtmlControls MS.Utilities MS.Web Ajax.ajax.js Ajax.ajax_mobile.js

    Ajax.dll文件和使用说明

    - 文档:详细说明Ajax.dll的API接口、参数和使用方法。 - 库文件:Ajax.dll本身,需要将其放置在正确的位置以便于应用程序调用。 在实际应用中,开发者应当根据项目的具体需求,结合Ajax.dll提供的功能,编写相应的...

    微信小程序踩坑系列——从wx.request谈谈异步处理

    见到wx.request的第一眼,就让我想起了$.ajax这东西,使用起来确实有很多不方便,不能忍,幸好小程序是支持ES6语法的,所以可以使用promise稍加改造。 先来说说wx.request为什么不能忍。 铺垫:“看得见却抓不住“的...

    利用ajax.dll进行Ajax的开发

    3. **发起Ajax请求**: 使用dll提供的函数或方法发起异步请求。这通常涉及到指定请求的URL、HTTP方法(GET或POST)、参数以及可能的回调函数,用于处理服务器返回的数据。 4. **处理响应**: 在请求完成后,你需要...

    Ajax.updater

    让我们深入探讨Ajax.updater的使用方法,以及它如何处理XML和JSON数据,以及如何直接返回页面内容。 1. **Ajax.updater概述** Ajax.updater的核心是通过发送HTTP请求到服务器,然后将返回的数据插入到页面的指定...

Global site tag (gtag.js) - Google Analytics