javascript ajax类AJAXRequest2007-12-31 更新

AJAXRequest是一个轻量级的AJAX应用程序开发框架，兼容Firefox、IE、Opera、Safari，可以方便地进行一些AJAX中经常需要用到的操作，从而简化开发步骤，减少重复代码编写量。

如果在使用过程中发现了问题，或者有好的意见和建议，可以给我发邮件，vipxjw[at]163[dot]com。

AJAXRequest v0.7.12 2007-12-31 发布

1. 添加 stopupdate 方法

2. 修改 update 方法返回值为更新请求ID，用于 AJAXRequest 停止更新

3. 修改 postf 方法的表单验证属性 onsubmit 为 onvalidate

4. 修改 postf 方法的参数为 post(form, [callback])，去除 action 与 method 参数

5. 修正 post 方法参数 content 默认值不为全局 content 属性的问题

6. 修正 postf 方法传送“+”接收时为空格的问题

7. 修正 AJAXRequest 类构造参数中 onrequeststart 与 onrequestend 名称错误的问题

8. 修正使用同步方式发送请求的问题

更多详细说明请参见AJAXRequest开发者手册：http://ajax.xujiwei.cn/
更多使用示例请参见AJAXRequest开发示例：http://www.xujiwei.cn/demo/ajaxrequest/
更新说明

1. 修改 update 方法的返回值为更新请求ID

在这一版本中，update方法不再返回一个定时器ID，即不可以再用update方法的返回值做为参数使用clearInterval方法来停止更新了，而是换作使用AJAXRequest内部的stopupdate方法来停止更新。

另外，不光无限次更新会返回一下更新ID，限次更新同样会返回更新ID，也就是说，如果只更新指定次数，那么在未达到指定更新次数之前，同样可以使用stopupdate方法来停止更新。

例（JavaScript）：

程序代码：[ 复制代码到剪贴板 ]


代码如下:

// code sample by xujiwei 
// site: http://www.xujiwei.cn/ 
var ajax = new AJAXRequest(); 
var u; 
// 开始不限次数以间隔1秒的速度从test.asp更新对象updateObj 
function start() { 
    u = ajax.update("updateObj", "test.asp", 1000); 
} 
// 停止更新 
function stop() { 
    ajax.stopupdate(u); 
}

2. 修改 postf 方法的表单验证属性 onsubmit 为 onvalidate

如果将onsubmit用于表单验证，可能会与某些应用冲突，因此将表单验证属性改为 onvalidate，例（HTML）：


代码如下:

// code sample by xujiwei 
// site: http://www.xujiwei.cn/ 
<form action="test.asp" method="post" onvalidate="return checkForm();"> 
</form>

3. 修改 postf 方法的参数为 post(form, [callback])

这个修改将postf方法的参数限定为表单对象和回调函数，即action和method必须在form标签中指定，例（HTML）：

程序代码：


代码如下:

// code sample by xujiwei 
// site: http://www.xujiwei.cn/ 
// form标签的action和method属性必须指定 
<form action="test.asp" method="post"> 
</form>

本地下载

赞 (0)

相关推荐

  • node.js+Ajax实现获取HTTP服务器返回数据

    node.js+Ajax实现获取HTTP服务器返回数据

    我们看一个HTML5页面中通过AJAX请求的方式获取HTTP服务器返回数据的代码示例.由于我们把服务器的端口指定为1337,并将从端口为80的网站中运行HTML5页面,因此这是一种跨域操作,需要在HTTP响应头部中添加Access_Control_Allow_Origin字段,并且将参数指定为允许向服务器请求数据额域名+端口号(省略端口号时允许该域名下的任何端口向服务器请求数据), 静态页面:index.html(注:一定要放在服务器环境下,如果是win7系统的话,可以开启IIS服务,并把页面考

  • Node.js配合node-http-proxy解决本地开发ajax跨域问题

    Node.js配合node-http-proxy解决本地开发ajax跨域问题

    情景: 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 1. 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境,麻烦) 2. CORS跨域:后端接口在返回的时候,在header中加入'Access-Control-Allow-origin':* 之类的(有的时候后端不方便这样处理,前端就蛋疼了) 3. 用nodejs搭建本地http服务器,并且判断访问接口URL时进行转发,完美解决本地开发时候的跨域问题.  用到的技术:

  • ajaxrequest.js ajaxrequest 0.7最新版 使用AJAXRequest进行AJAX应用程序开发入门小技巧

    使用AJAXRequest进行AJAX应用程序开发(1) - 初识AJAXRequest 前言 在发布了AJAXRequest类的几个版本之后,渐渐地有许多朋友用上了它,也有许多朋友问我有没有更详细的说明和示例.不过因为时间的问题以及我能想到的示例有限,一直没有多写几个示例.考虑了一下,决定写一个关于AJAXRequest的教程,希望对使用AJAXRequest类的朋友们有所帮助. 准备 在使用AJAXRequest进行AJAX开发之前,你需要做以下准备: 准备知识:JavaScript基本语法

  • Node.js获取前端ajax提交的request信息

    今天看一下Node.js怎么获取ajax提交的request 信息 众所周知,ajax可以在不刷新整个页面的情况下实现局部刷新,这是相当好的一种方式,能够让我们动态更新信息,今天我们看一下怎么用node来接收到前端ajax提交过来的信息 下面我贴一下前端的代码 index.html的代码我就不贴了, 因为里面就只有一个按钮而已,要实现的功能是点击按钮提交ajax异步请求 主要贴一下js页面的代码 $("button").on("click",function(){

  • Node.js服务器环境下使用Mock.js拦截AJAX请求的教程

    0.Node环境下安装和使用Mock # 安装 npm install mockjs // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'list|1-10': [{ // 属性 id 是一个自增数,起始值为 1,每次增 1 'id|+1': 1 }] }) // 输出结果 console.log(JSON.stringify(data, null,

  • node.js chat程序如何实现Ajax long-polling长链接刷新模式

    废话不多说,开始今天的主题.纵观这个程序,感觉它的最可贵之处,在于展示了,如何用nodejs实现长链接模式的刷新技术. (这个程序不详细介绍,重点讲解这个功能) Client.js 首先看一段核心代码: 复制代码 代码如下: function longPoll (data) { //....此处省略**行 $.ajax({ cache: false , type: "GET" , url: "/recv" , dataType: "json" ,

  • javascript Ajax 类实现代码

    javascript Ajax 类实现代码

    与现在那些Ajax框架比较,优劣之处?看完再说吧: 1.Ajax.js 复制代码 代码如下: /*     AJAX v1.4     HJF 2009-7-5 */ function AjaxDO(){ this.HttpRequest = null; this.openMethod = null; //HTTP请求的方法,为Get.Post 或者Head this.openURL = null; //是目标URL.基于安全考虑,这个URL 只能是同网域的,否则会提示"没有权限"的错

  • javascript ajax类AJAXRequest2007-12-31 更新

    AJAXRequest是一个轻量级的AJAX应用程序开发框架,兼容Firefox.IE.Opera.Safari,可以方便地进行一些AJAX中经常需要用到的操作,从而简化开发步骤,减少重复代码编写量. 如果在使用过程中发现了问题,或者有好的意见和建议,可以给我发邮件,vipxjw[at]163[dot]com. AJAXRequest v0.7.12 2007-12-31 发布 1. 添加 stopupdate 方法 2. 修改 update 方法返回值为更新请求ID,用于 AJAXReques

  • 2007/12/23更新创意无限,简单实用(javascript log)

    在javascript开发过程中,如果总是使用alert的方式调试程序,在某些简单的程序中是可行的.  但是在通常的项目很复杂,这种方式已经很难满足,企业级开发的需要.  比如ajax项目中,存在一个3000行左右JS文件,其中存在各种自定义的javascript对象. 开发的过程中,总是需要在js程序执行到某个关键点的时候,监视自定义对象的值或状态, 判断执行结果是否是预期的样子,如果您通过alert看到某些关联对象的值,是很困难的. 存在以下两个明显的缺点:  1.假如一次执行中有n个关键点

  • JavaScript实现的类字典插入或更新方法实例

    本文实例讲述了JavaScript实现的类字典插入或更新方法.分享给大家供大家参考.具体如下: 代码表述了类字典插入或更新的相关思想,感兴趣的朋友主要看懂代码意思就行,不必过于深究 <script type="text/javascript"> function insertOrUpdate(array, keyName, keyVal, fieldNames, fieldVals) { var hasExist = false; var len = array.lengt

  • 好用的AJAX类代码分享

    好用的AJAX类代码分享

    ajax.js -------------------------[ajax类]-------------------------- 复制代码 代码如下: function Ajax(recvType){ var aj=new Object(); aj.recvType=recvType ? recvType.toUpperCase() : 'HTML'; //向形参中传递的文件类型 aj.targetUrl=''; aj.sendString=''; aj.resultHandle=null;

  • 跟我学习javascript创建对象(类)的8种方法

    8中javascript创建对象(类)的方法,依依介绍给大家,希望大家喜欢. 1. 使用Object构造函数来创建一个对象 下面代码创建了一个person对象,并用两种方式打印出了Name的属性值. var person = new Object(); person.name="kevin"; person.age=31; alert(person.name); alert(person["name"]) 上述写法的另外一种表现形式是使用对象字面量创建一个对象,不要

  • Django+Ajax+jQuery实现网页动态更新的实例

    views.py中的修改 增加相应的请求处理函数: def getdevjson(request): print 'get here' if ('key' in request.GET): searchkey = request.GET.get('key') return JsonResponse(search(searchkey)) else: return HttpResponse('Sorry!') 返回字符串中,既可以使用from django.http import JsonRespo

  • 详解JavaScript私有类字段和TypeScript私有修饰符

    JavaScript私有类字段和隐私需求 在过去,JavaScript 没有保护变量不受访问的原生机制,当然除非是典型闭包. 闭包是 JavaScript 中许多类似于私有模式(如流行的模块模式)的基础.但是,近年来 ECMAScript 2015 类被使用后,开发人员感到需要对类成员的隐私进行更多控制. 类字段提案(在撰写本文时处于第 3 阶段)试图通过引入私有类字段来解决问题. 让我们看看它们是什么样子的. 一个 JavaScript 私有类字段的例子 这是一个带有私有字段的 JavaScr

  • javascript 写类方式之四

    4.构造函数 + 原型 直接组装一个类:同一构造函数将组装出同一类型通过前面几篇得知javascript写类无非基于构造函数 和原型 .既然这样,我们写个工具函数来写类. 复制代码 代码如下: /** * $class 写类工具函数之一 * @param {Object} constructor * @param {Object} prototype */ function $class(constructor,prototype) { var c = constructor || functi

  • JavaScript定义类和对象的方法

    本文实例讲述了JavaScript定义类和对象的方法.分享给大家供大家参考.具体方法如下: 在JS中,类和对象有多种不同的写法,因为本人对JS也不怎么熟,所以就本人的理解来写,如果哪位朋友发现有不对,请告之,共同学习． JS定义一个类有两种定法(我只知道这两种): 1. 定义函数的方式: 定义: 复制代码 代码如下: function classA(a) {      this.aaa=a;  //添加一个属性      this.methodA=function(ppp)  //添加一个方法

随机推荐