下面图老师小编要向大家介绍下AJAX请求类,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!
【 tulaoshi.com - Web开发 】
在给blog加上无刷新搜索和即时验证检测后,又看了下代码,感觉太过麻烦,就把XMLHttpRequest请求封装到一个类里面,用起来方便多了,不用记那么多代码,什么创建XMLHttpRequest对象什么的,这部分代码也是重用性比较高的~已经打包,在日志的末尾下载。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)要看效果的话点左侧边栏里的日志搜索,里面有一个无刷新搜索,就是了,或者在阅读日志或留言簿里的注册码那里有即时检测,如果不输入验证码或者输错了验证码,输入框都会变红的
类名:AJAXRequest
创建方法:var ajaxobj=new AJAXRequest;,如果创建失败则返回false
属性:
method - 请求方法,字符串,POST或者GET,默认为POST
url - 请求URL,字符串,默认为空
async - 是否异步,true为异步,false为同步,默认为true
content - 请求的内容,如果请求方法为POST需要设定此属性,默认为空
callback - 回调函数,即返回响应内容时调用的函数,默认为直接返回,回
函数有一个参数为XMLHttpRequest对象,即定义回调函数时要这样:function mycallback(xmlobj)
方法:send - 发送请求,无参数
例子:
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);
}
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)ajaxobj.send(); // 发送请求
来源:http://www.tulaoshi.com/n/20160219/1624149.html