AJAX请求类

有木有阳光

有木有阳光

2016-02-19 20:37

下面图老师小编要向大家介绍下AJAX请求类,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

在给blog加上无刷新搜索和即时验证检测后,又看了下代码,感觉太过麻烦,就把XMLHttpRequest请求封装到一个类里面,用起来方便多了,不用记那么多代码,什么创建XMLHttpRequest对象什么的,这部分代码也是重用性比较高的~已经打包,在日志的末尾下载。

要看效果的话点左侧边栏里的日志搜索,里面有一个无刷新搜索,就是了,或者在阅读日志或留言簿里的注册码那里有即时检测,如果不输入验证码或者输错了验证码,输入框都会变红的

类名:AJAXRequest

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

创建方法:var ajaxobj=new AJAXRequest;,如果创建失败则返回false

属性:

method  -  请求方法,字符串,POST或者GET,默认为POST
url         -  请求URL,字符串,默认为空
async     -  是否异步,true为异步,false为同步,默认为true
content -  请求的内容,如果请求方法为POST需要设定此属性,默认为空
callback  - 回调函数,即返回响应内容时调用的函数,默认为直接返回,回
函数有一个参数为XMLHttpRequest对象,即定义回调函数时要这样:function mycallback(xmlobj)
方法:send     -  发送请求,无参数

例子:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)


script type="text/javascript" src="ajaxrequest.js"/script

script type="text/javascript"

var ajaxobj=new AJAXRequest;    // 创建AJAX对象

ajaxobj.method="GET";   // 设置请求方式为GET

ajaxobj.url="default.asp"  // URL为default.asp

// 设置回调函数,输出响应内容

ajaxobj.callback=function(xmlobj) {

     document.write(xmlobj.responseText);

}

ajaxobj.send();    // 发送请求

展开更多 50%)
分享

猜你喜欢

AJAX请求类

Web开发
AJAX请求类

Ajax异步(请求)提交类 支持跨域

Web开发
Ajax异步(请求)提交类 支持跨域

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

一个简单的AJAX请求类

Web开发
一个简单的AJAX请求类

AJAX Http请求

Web开发
AJAX Http请求

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AJAX教程(2):AJAX Http请求

Web开发
AJAX教程(2):AJAX Http请求

AJAX 请求实例

Web开发
AJAX 请求实例

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

菜鸟学用Access 轻松打造花店订单系统

菜鸟学用Access 轻松打造花店订单系统

U大师U盘启动盘制作教程

U大师U盘启动盘制作教程
下拉加载更多内容 ↓