AJAX请求类

2016-02-19 20:37 3 1 收藏

下面图老师小编要向大家介绍下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

延伸阅读
标签: Web开发
目的是实现了,个人觉得在执行速度上不是很理想,希望大家帮忙改进,谢谢! 大家知道IE只能一次发送一个Ajax请求,你是否尝试过在一个页面上用Ajax请求多次,虽然可以实现我们发现代码很乱 我们来实现一个在页面呈现缓存的例子吧! //获取Dom function $(id) { return document.getElementById(id); } 思路:我们把要加载的缓存放在一个集合中,...
标签: Web开发
网页制作Webjx文章简介:AJAX-向服务器发送一个请求,要想把请求发送到服务器,我们就需要使用open()方法和send()方法。 AJAX-向服务器发送一个请求 要想把请求发送到服务器,我们就需要使用open()方法和send()方法。 open()方法需要三个参数。第一个参数定义发送请求所使用的方法(GET还是POST)。第二个参数规定服...
标签: Web开发
AJAX - 向服务器发送一个请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。 open() 方法需要三个参数。第一个参数定义发送请求所使用的方法(GET 还是 POST)。第二个参数规定服务器端脚本的 URL。第三个方法规定应当对请求进行异步地处理。 send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP 文件位...
标签: Web开发
script     //设一个变量     var XMLHttpReq=false;    //创建一个XMLHttpRequest对象    function createXMLHttpRequest(){      if(window.XMLHttpRequest){ //Mozilla       XMLHttpReq=new XMLHttpReques...
标签: Web开发
如下: request.jsp 代码如下: %@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"% !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" titleInse...

经验教程

645

收藏

74
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部